
:root{--bg:#0a0d14;--bg2:#0f1420;--text:#e9eef8;--muted:#9fb1c9;--link:#8eb7ff;--card:#121a28;--border:#243149;--chip:#1f2b43;}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(1200px 600px at 20% -10%,#1a2740 0%,var(--bg) 55%);color:var(--text);margin:0}
.container{max-width:860px;margin:36px auto;padding:0 16px 40px}
a{color:var(--link)}
.hero{margin-bottom:12px}
.chip{display:inline-block;background:var(--chip);border:1px solid var(--border);padding:6px 10px;border-radius:999px;font-size:.8rem;color:#c8d9ff;margin-bottom:10px}
.meta{opacity:.9;font-size:.95rem;margin-bottom:12px;color:var(--muted)}
h1{line-height:1.15;margin:0 0 8px;font-size:clamp(1.6rem,2.7vw,2.2rem)}
h2{margin:0 0 8px;font-size:1.02rem;color:#d7e4ff}
.card{background:linear-gradient(180deg,var(--card),var(--bg2));border:1px solid var(--border);padding:16px 18px;border-radius:14px;margin:12px 0;box-shadow:0 8px 24px rgba(0,0,0,.18)}
ul{line-height:1.7;margin:8px 0 0 18px;padding:0}
li{margin:6px 0}
p{line-height:1.75;margin:0 0 8px}
.back{text-decoration:none;display:inline-block;margin-bottom:14px;color:#b8cdff}
.footer{opacity:.7;color:var(--muted);font-size:.86rem;margin-top:18px}
.profile-hero{display:flex;gap:14px;align-items:center}
.avatar{width:84px;height:84px;border-radius:18px;border:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.25)}
@media (max-width:640px){.container{margin:22px auto}.card{padding:14px}.profile-hero{align-items:flex-start}.avatar{width:72px;height:72px}}
