:root{--bg:#050914;--panel:#0b1326;--panel2:#101b34;--text:#f5f7ff;--muted:#aeb9d4;--gold:#e8bd52;--blue:#55bfff;--line:#20304f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 50% -10%,#132d63 0,#081126 30%,var(--bg) 65%);color:var(--text);line-height:1.6}
a{color:#7bcaff;text-decoration:none}a:hover{text-decoration:underline}.wrap{width:min(1120px,92%);margin:auto}
nav{position:sticky;top:0;z-index:10;background:#050914e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.04em}.brand img{width:38px;height:38px;object-fit:cover;border-radius:50%}.links{display:flex;gap:18px;flex-wrap:wrap;font-size:.92rem}
.hero{padding:74px 0 48px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:44px;align-items:center}.eyebrow{color:var(--gold);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}h1{font-size:clamp(2.6rem,7vw,5.6rem);line-height:.96;margin:.15em 0}.grad{background:linear-gradient(90deg,#fff,#e9c866,#62c7ff);-webkit-background-clip:text;color:transparent}.lead{font-size:1.15rem;color:var(--muted);max-width:720px}.logo{width:min(430px,100%);display:block;margin:auto;filter:drop-shadow(0 20px 45px #1d7fff44)}
.pills{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}.pill{border:1px solid var(--line);background:#0c1730;padding:8px 12px;border-radius:999px;color:#dce6ff;font-size:.9rem}
.btns{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:11px 16px;border-radius:10px;font-weight:750;border:1px solid #3a4b6e}.primary{background:linear-gradient(135deg,#c99218,#f3d77e);color:#151006;border:0}.btn:hover{text-decoration:none;transform:translateY(-1px)}
section{padding:58px 0}.section-title{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 8px}.sub{color:var(--muted);margin-top:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:16px;padding:20px}.big{font-size:1.55rem;font-weight:800;color:#fff}.label{color:var(--muted);font-size:.88rem}.gold{color:var(--gold)}
table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line)}th{color:#dce6ff;background:#0e1a33}td{color:#c8d3eb}.scroll{overflow:auto;border-radius:14px}
.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-all;color:#d8e7ff}.notice{border-left:4px solid var(--gold);padding:14px 16px;background:#15182a;color:#dce4f5;border-radius:0 10px 10px 0}.ok{color:#86e6a8}.footer{border-top:1px solid var(--line);padding:32px 0 48px;color:var(--muted);font-size:.9rem}
@media(max-width:800px){.hero-grid{grid-template-columns:1fr}.hero{text-align:center;padding-top:48px}.lead{margin-left:auto;margin-right:auto}.pills,.btns{justify-content:center}.logo{max-width:300px}.grid{grid-template-columns:1fr}.links{display:none}section{padding:42px 0}}