:root { color-scheme:dark light; --bg:#101419; --panel:#1b2128; --line:#303945; --text:#e7ecef; --muted:#98a3ad; --teal:#4be1c1; }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; color:var(--text); background:radial-gradient(circle at 80% 15%,rgba(75,225,193,.12),transparent 28%),var(--bg); font:15px/1.7 Outfit,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 34px)); margin:0 auto; padding:48px 0 70px; }
.brand { display:inline-flex; align-items:center; gap:10px; color:var(--text); font-size:20px; font-weight:800; letter-spacing:-.5px; text-decoration:none; }
.brand i { position:relative; display:block; width:28px; height:28px; border:2px solid var(--teal); border-radius:50%; }
.brand i::before { content:""; position:absolute; top:50%; right:2px; left:2px; height:2px; background:var(--teal); transform:translateY(-50%); }
.brand i::after { content:""; position:absolute; top:50%; left:50%; width:7px; height:7px; background:var(--bg); border:2px solid var(--teal); border-radius:50%; transform:translate(-50%,-50%); }
.brand span span { color:var(--teal); }
article { margin-top:34px; padding:clamp(24px,5vw,42px); background:rgba(27,33,40,.92); border:1px solid var(--line); border-radius:18px; box-shadow:0 24px 80px rgba(0,0,0,.25); }
.eyebrow { margin:0 0 8px; color:var(--teal); font:600 11px/1.2 "DM Mono",ui-monospace,monospace; letter-spacing:1.6px; }
h1 { margin:0 0 12px; font-size:clamp(32px,7vw,52px); line-height:1.02; letter-spacing:-2px; }
h2 { margin:30px 0 7px; font-size:18px; }
p,li { color:var(--muted); }
ul { padding-left:20px; }
a { color:#8af3dd; }
.notice { margin:24px 0 0; padding:14px 16px; color:#b8c4cb; background:rgba(75,225,193,.07); border:1px solid rgba(75,225,193,.2); border-radius:10px; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:28px; }
.button { display:inline-flex; padding:10px 14px; color:#11332f; background:var(--teal); border-radius:8px; font-size:13px; font-weight:800; text-decoration:none; }
.text-link { display:inline-flex; align-items:center; padding:10px 4px; text-decoration:none; }
small { display:block; margin-top:22px; color:#67727c; }
@media (prefers-color-scheme:light) { :root { --bg:#eef4f2; --panel:#fff; --line:#d9e5e2; --text:#182427; --muted:#5f6e73; } .brand i::after { background:var(--bg); } article { background:rgba(255,255,255,.92); } }