/* Self-hosted Inter (variable, latin). No external font requests. */
@font-face{
  font-family:'Inter';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2');
}

:root{
  --bg:#140F18;--ink:#F6F2F4;--muted:#B8AEBE;--line:rgba(255,255,255,0.12);
  --brand:#E25C77;--accent:#F2A57C;--card:rgba(255,255,255,0.06);--card-hover:rgba(255,255,255,0.12);
}
*{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;}
body{
  margin:0;min-height:100vh;
  background:
    radial-gradient(700px 420px at 50% -8%, rgba(226,92,119,0.30), transparent 70%),
    radial-gradient(600px 380px at 50% 110%, rgba(242,165,124,0.16), transparent 70%),
    var(--bg);
  color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  line-height:1.55;-webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit;}

/* ---------- profile (home) ---------- */
.profile{display:flex;flex-direction:column;align-items:center;padding:48px 20px 40px;}
.col{width:100%;max-width:440px;text-align:center;}
.avatar{
  width:104px;height:104px;border-radius:50%;margin:0 auto 18px;
  background:linear-gradient(135deg,var(--brand),var(--accent));
  display:grid;place-items:center;overflow:hidden;
  border:2px solid rgba(255,255,255,0.55);
  box-shadow:0 10px 34px rgba(226,92,119,0.35);
}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;display:block;}
.avatar span{font-size:38px;font-weight:800;color:#fff;}
h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-0.01em;}
.handle{margin:4px 0 0;font-size:14px;color:var(--muted);font-weight:600;}
.bio{margin:14px auto 28px;font-size:15px;color:var(--muted);max-width:340px;}
.links{display:flex;flex-direction:column;gap:14px;}
.link{
  display:flex;align-items:center;gap:14px;
  padding:16px 18px;border-radius:16px;
  background:var(--card);border:1px solid var(--line);
  font-size:16px;font-weight:600;
  transition:transform .14s, background .14s, border-color .14s;
}
.link:hover{background:var(--card-hover);transform:translateY(-2px);border-color:rgba(255,255,255,0.22);}
.link .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;}
.link .label{flex:1;text-align:left;}
.link .arrow{color:var(--muted);font-size:18px;}
.link.tiktok .ic{background:#000;}
.link.tiktok .ic svg{width:18px;height:18px;}
footer{margin-top:34px;font-size:12px;color:var(--muted);text-align:center;line-height:1.6;}
footer .foot-links{display:flex;gap:18px;justify-content:center;margin-bottom:8px;}
footer .foot-links a{color:var(--muted);font-weight:600;}
footer .foot-links a:hover{color:var(--ink);}
footer .yr{opacity:0.8;}

/* ---------- doc (legal pages) ---------- */
.doc{max-width:680px;margin:0 auto;padding:48px 22px 64px;}
.doc .back{display:inline-block;margin-bottom:24px;font-size:13px;color:var(--muted);}
.doc .back:hover{color:var(--ink);}
.doc h1{font-size:30px;font-weight:800;letter-spacing:-0.01em;margin:0 0 6px;}
.doc .updated{font-size:13px;color:var(--muted);margin:0 0 28px;}
.doc h2{font-size:18px;font-weight:700;margin:28px 0 8px;}
.doc p{font-size:15px;color:#E0DAE2;}
.doc a{color:var(--brand);}
.doc .note{margin-top:32px;padding:16px 18px;border:1px dashed var(--muted);border-radius:12px;font-size:13px;color:var(--muted);}