:root { --bg:#0f0f14; --fg:#e6e6eb; --accent:#7ae0ff; --btn:#1b1b24; }
* { box-sizing:border-box; }
html,body { margin:0; padding:0; background:var(--bg); color:var(--fg); font-family:system-ui, sans-serif; }
.container { max-width:700px; margin:0 auto; padding:32px 20px; }
.header, header { text-align:center; margin-bottom:24px; }
.avatar { width:96px; height:96px; border-radius:50%; border:2px solid var(--accent); }
.links { display:flex; flex-direction:column; gap:12px; margin:24px 0; }
.link { display:block; padding:14px 16px; background:var(--btn); color:var(--fg); text-decoration:none; border:1px solid #2a2a36; border-radius:12px; transition:transform .05s ease, border-color .2s ease; }
.link:hover { transform:translateY(-1px); border-color:var(--accent); }
footer { text-align:center; opacity:.7; margin-top:24px; }
@media (prefers-color-scheme: light) {
  :root { --bg:#f9f9fb; --fg:#121216; --btn:#ffffff; }
}