:root {
  --color-primary:#F59E0B; --color-on-primary:#0F172A; --color-secondary:#FBBF24; --color-accent:#8B5CF6;
  --color-background:#0F172A; --color-foreground:#F8FAFC; --color-muted:#1E293B; --color-muted-2:#273449;
  --color-border:#334155; --color-soft:#94A3B8; --color-danger:#EF4444; --max:1120px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0%,rgba(245,158,11,.12),transparent 34%),radial-gradient(circle at 80% 10%,rgba(139,92,246,.12),transparent 32%),var(--color-background);color:var(--color-foreground);line-height:1.65} a{color:inherit} .wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:rgba(15,23,42,.78);border-bottom:1px solid rgba(148,163,184,.16)}.nav-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(245,158,11,.45);border-radius:12px;color:var(--color-primary);background:linear-gradient(145deg,rgba(245,158,11,.14),rgba(139,92,246,.10));font-weight:900}.links{display:flex;align-items:center;gap:16px;color:var(--color-soft);font-size:14px}.links a{text-decoration:none}.links a:hover,.links a:focus{color:#fff}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(245,158,11,.36);background:rgba(245,158,11,.12);color:#FDE68A;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:12px 18px;text-decoration:none;font-weight:800;border:1px solid transparent;transition:.2s ease}.primary{background:var(--color-primary);color:var(--color-on-primary)}.secondary{border-color:rgba(148,163,184,.28);background:rgba(15,23,42,.6);color:#fff}.button:hover{transform:translateY(-1px)}.hero{padding:86px 0 56px}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.eyebrow{color:#FDE68A;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:13px}.h1{font-size:clamp(40px,6vw,76px);line-height:1.02;letter-spacing:-.055em;margin:14px 0 20px}.lead{font-size:clamp(17px,2vw,21px);color:#CBD5E1;max-width:720px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.panel{border:1px solid rgba(148,163,184,.18);background:linear-gradient(180deg,rgba(30,41,59,.78),rgba(15,23,42,.78));border-radius:28px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.25)}.metric{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(148,163,184,.12);padding:14px 0}.metric:last-child{border-bottom:none}.metric span{color:#94A3B8}.metric strong{color:#fff}.section{padding:58px 0}.section h2{font-size:clamp(28px,4vw,44px);line-height:1.12;margin:0 0 14px;letter-spacing:-.03em}.section p{color:#CBD5E1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.card{border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.58);border-radius:22px;padding:22px}.card h3{margin:0 0 10px;font-size:18px}.muted{color:#94A3B8}.notice{border:1px solid rgba(245,158,11,.26);background:rgba(245,158,11,.08);border-radius:18px;padding:16px;color:#FDE68A}.footer{border-top:1px solid rgba(148,163,184,.16);padding:32px 0 52px;color:#94A3B8}.footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.lang{display:inline-flex;gap:8px}.lang a{padding:7px 10px;border-radius:10px;border:1px solid rgba(148,163,184,.18);text-decoration:none}.lang a.active{background:#fff;color:#0F172A}.page-hero{padding:58px 0 32px}.content{max-width:820px}.content h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;line-height:1.05}.content h2{margin-top:34px}.content li{margin:8px 0;color:#CBD5E1}.kbd{font-family:ui-monospace,Menlo,Consolas,monospace;color:#FDE68A;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.18);border-radius:8px;padding:2px 7px}.status{display:inline-flex;border:1px solid rgba(239,68,68,.35);color:#FCA5A5;background:rgba(239,68,68,.08);border-radius:999px;padding:5px 10px;font-weight:800;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
@media (max-width: 820px){.grid,.cards{grid-template-columns:1fr}.links{display:none}.hero{padding-top:54px}.nav-inner{height:64px}.wrap{padding:0 18px}}
@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important;transition:none!important}}