:root{--bg:#121826;--panel:#1f2937;--text:#f8fafc;--muted:#94a3b8;--accent:#ff6a00;--accent2:#14b8a6}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(160deg,var(--bg),#0b1220);color:var(--text)}
.wrap{max-width:860px;margin:0 auto;padding:28px 18px 48px}
.hero{text-align:center;padding:14px}
.avatar{width:120px;height:120px;border-radius:999px;border:3px solid var(--accent);box-shadow:0 0 0 6px #ffffff10}
.badge{display:inline-block;margin:16px 0 8px;padding:6px 10px;border-radius:999px;background:#ffffff10;color:var(--accent2);font-weight:700;font-size:12px;letter-spacing:.08em}
h1{font-size:clamp(2rem,6vw,3.4rem);line-height:1.04;margin:0 0 10px}.sub{max-width:640px;margin:0 auto;color:var(--muted);font-size:1.05rem}
.cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.btn{padding:12px 16px;border-radius:10px;border:1px solid #ffffff33;color:var(--text);text-decoration:none;font-weight:700}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#111}
.card{background:var(--panel);border:1px solid #ffffff1a;border-radius:14px;padding:18px;margin-top:18px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
ul{margin:8px 0 0 18px}.muted{color:var(--muted)}
a{color:#7dd3fc}
footer{text-align:center;margin-top:22px;color:var(--muted)}
@media (max-width:700px){.grid{grid-template-columns:1fr}}