:root{ --bg:#0f1115; --panel:#151923; --ink:#e9edf1; --muted:#b8c0cf; --line:#232a3a; --accent:#7bd8bd; --accent2:#9ab6ff }
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#0f1115 0%,#0f1115 60%,#101523 100%);color:var(--ink);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
a{color:var(--accent2);text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:20px}
header{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(15,17,21,.7);backdrop-filter:blur(8px);z-index:10}
.brand{display:flex;gap:10px;align-items:center}
.logo{width:34px;height:34px;border-radius:8px;background:radial-gradient(circle at 30% 30%,#7bd8bd,transparent 60%),radial-gradient(circle at 70% 70%,#9ab6ff,transparent 55%),#0c1422;border:1px solid #24304a}
.cta{display:flex;gap:8px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:#0f1320;color:var(--ink);padding:10px 14px;border-radius:10px;cursor:pointer}
.btn.primary{background:linear-gradient(180deg,#1b2440,#131b31);border-color:#2c3a60}
main{display:grid;gap:16px;margin-top:16px}
@media(min-width:900px){ main{grid-template-columns:1.15fr 1fr} }
section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px}
h1{margin:0 0 8px;font-size:28px} h2{margin:6px 0 8px;font-size:20px}
.muted{color:var(--muted)} .row{display:flex;flex-wrap:wrap;gap:8px}
.badge{padding:2px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}
.card{border:1px solid var(--line);background:#0f1320;border-radius:12px;padding:12px}
.stat{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#0f1320;margin-top:6px}
.profile{display:flex;gap:14px;align-items:center}
.avatar{width:72px;height:72px;border-radius:999px;object-fit:cover;border:1px solid #2a3550}
.kicker{color:var(--muted);font-size:14px} .mono{font-family:ui-monospace,Menlo,Consolas,monospace}
.small{font-size:12px;color:var(--muted)} footer{color:var(--muted);font-size:12px;text-align:center;padding:24px 0}
.contactline{margin-top:4px;color:var(--muted);font-size:14px}
.contactline a{color:var(--ink);text-decoration:underline}
/* Sticky mobile action bar (no Book button) */
.sticky{position:fixed;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;background:rgba(15,17,21,.8);border:1px solid var(--line);border-radius:12px;padding:8px 10px;backdrop-filter:blur(8px);z-index:20}
@media(min-width:900px){ .sticky{display:none} }