@font-face{font-family:'GSF';font-weight:400;src:url('fonts/GoogleSansFlex_72pt-Regular.ttf');font-display:swap;}
@font-face{font-family:'GSF';font-weight:500;src:url('fonts/GoogleSansFlex_72pt-Medium.ttf');font-display:swap;}
@font-face{font-family:'GSF';font-weight:600;src:url('fonts/GoogleSansFlex_72pt-SemiBold.ttf');font-display:swap;}
@font-face{font-family:'GSF';font-weight:700;src:url('fonts/GoogleSansFlex_72pt-Bold.ttf');font-display:swap;}

:root{
  --bg:#09090a; --ink:#fff; --muted:rgba(255,255,255,0.62);
  --warm:#caa46b; --line:rgba(255,255,255,0.10);
  --sans:'GSF',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --round:'GSF',-apple-system,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--ink);font-family:var(--sans);
  font-size:16px;line-height:1.7;max-width:720px;margin:0 auto;
  padding:0 22px 72px;-webkit-font-smoothing:antialiased;}

.topbar{display:flex;justify-content:center;padding:36px 0 4px;}
.topbar img{width:54px;height:54px;border-radius:24%;
  box-shadow:0 12px 36px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06) inset;}

header{padding:28px 0 26px;border-bottom:1px solid var(--line);margin-bottom:34px;text-align:center;}
header h1{font-family:var(--round);font-weight:700;font-size:clamp(26px,7vw,32px);
  letter-spacing:-0.5px;margin-bottom:8px;}
header p{color:var(--muted);font-size:14px;}

h2{font-family:var(--round);font-weight:600;font-size:19px;margin:34px 0 12px;
  padding-bottom:8px;border-bottom:1px solid var(--line);color:#fff;}
p{margin-bottom:14px;color:rgba(255,255,255,0.78);}
ul{margin:0 0 14px 20px;}
li{margin-bottom:7px;color:rgba(255,255,255,0.78);}
strong{color:#fff;font-weight:600;}
a{color:#5aa9ff;text-decoration:none;}
a:hover{text-decoration:underline;}

.callout{background:#161617;border:1px solid var(--line);border-radius:12px;
  padding:16px 20px;margin:22px 0;font-size:15px;color:rgba(255,255,255,0.82);}

footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);
  font-size:13px;color:var(--muted);text-align:center;line-height:1.6;}
footer a{color:var(--muted);}