:root{ --bg:#070a0f; --card:rgba(15,18,26,.60); --stroke:rgba(255,255,255,.08); --text:rgba(255,255,255,.92); --muted:rgba(255,255,255,.62); --shadow:0 18px 60px rgba(0,0,0,.55); }
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:var(--bg)}
.bg{position:fixed;inset:-40vh -20vw;background:
radial-gradient(50% 50% at 20% 40%, rgba(0,140,255,.22), transparent 55%),
radial-gradient(50% 50% at 85% 55%, rgba(255,90,0,.18), transparent 55%),
radial-gradient(50% 50% at 50% 0%, rgba(255,255,255,.06), transparent 60%);
filter:blur(12px);pointer-events:none}
.wrap{max-width:920px;margin:0 auto;padding:34px 18px 30px;position:relative}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);padding:20px;backdrop-filter:blur(10px)}
.top{display:flex;gap:16px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.logo{height:54px;width:auto;filter:drop-shadow(0 16px 28px rgba(0,0,0,.55))}
a{color:rgba(255,255,255,.85);text-decoration:none}
a:hover{color:rgba(255,255,255,.98)}
h1{margin:0 0 6px;font-size:28px}
h2{margin:22px 0 8px;font-size:18px}
p,li{color:rgba(255,255,255,.84);line-height:1.55}
.muted{color:var(--muted)}
.footer{display:flex;gap:10px;justify-content:center;padding-top:18px;color:var(--muted);font-size:13px}
.sep{opacity:.6}