:root{color-scheme:dark;--bg:#0b1220;--panel:#111d31;--panel2:#17253b;--text:#ecf3fb;--muted:#abc0d4;--line:#2b4056;--accent:#4ee2c2;--accent2:#9ff0dc;--max:1100px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 2%,#16334b 0%,#0b1220 38%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit}a:hover{color:var(--accent2)}.wrap{width:min(var(--max),calc(100% - 2.4rem));margin-inline:auto}.skip{position:absolute;left:-9999px;top:1rem;background:#fff;color:#000;padding:.6rem 1rem;z-index:99}.skip:focus{left:1rem}.top{border-bottom:1px solid var(--line);background:#0b1220b8;position:sticky;top:0;backdrop-filter:blur(14px);z-index:10}.nav{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;min-height:74px}.brand{display:inline-flex;gap:.72rem;align-items:center;text-decoration:none;font-size:1.36rem;font-weight:800;letter-spacing:.035em}.brandmark{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(145deg,var(--accent),#38a9c9);color:var(--bg);border-radius:12px;font-weight:900;font-size:1.2rem}.navlinks{display:flex;gap:1.35rem;align-items:center;flex-wrap:wrap;font-size:.95rem}.navlinks a{text-decoration:none;color:var(--muted)}.navlinks a:hover{color:var(--accent)}.lang{border:1px solid var(--line);border-radius:999px;padding:.25rem .65rem}.hero{padding:7rem 0 5.5rem}.eyebrow{text-transform:uppercase;color:var(--accent);font-size:.85rem;letter-spacing:.16em;font-weight:700}.hero h1{font-size:clamp(2.7rem,6.7vw,5.2rem);letter-spacing:-.055em;line-height:1.09;margin:1rem 0 1.2rem;max-width:850px}.hero p{color:var(--muted);font-size:clamp(1.08rem,2.2vw,1.32rem);max-width:730px}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:#08201e;padding:.8rem 1.25rem;text-decoration:none;border-radius:12px;font-weight:750}.button:hover{background:var(--accent2);color:#08201e}.button.outline{background:transparent;color:var(--text);border-color:var(--line)}.button.outline:hover{border-color:var(--accent);color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:.5rem;border:1px solid #335965;background:#13333e;padding:.34rem .75rem;border-radius:999px;color:#b1f5e6;font-size:.86rem;margin-top:1.3rem}.dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}section{padding:4.4rem 0;border-top:1px solid var(--line)}h2{font-size:clamp(1.85rem,4vw,2.8rem);letter-spacing:-.035em;line-height:1.16;margin:.25rem 0 1.15rem}.intro{color:var(--muted);max-width:730px;margin-bottom:2rem}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,var(--panel),#0f192b);padding:1.5rem;min-height:180px}.card h3{margin:.25rem 0 .6rem;font-size:1.2rem}.card p{color:var(--muted);margin:.25rem 0}.card .icon{font-size:1.8rem;color:var(--accent);font-weight:700}.status{color:var(--accent2);font-size:.85rem;font-weight:650;text-transform:uppercase;letter-spacing:.05em}.inactive{display:inline-block;color:#bbcbd9;border:1px solid var(--line);padding:.6rem .9rem;border-radius:10px;background:#1a2a3d;margin-top:.75rem;cursor:not-allowed}.notice{background:var(--panel2);border-left:3px solid var(--accent);padding:1rem 1.3rem;border-radius:0 12px 12px 0;color:#dbe8f2;margin-top:1.75rem}.section-head{max-width:800px}.footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.9rem}.foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.foot nav{display:flex;gap:1.25rem}.foot a{color:var(--muted)}.legal{padding:4rem 0;min-height:62vh;max-width:800px}.legal p{color:var(--muted)}.legal strong{color:var(--text)}.legal .warning{color:#ffe1aa;background:#372916;padding:1rem;border:1px solid #735326;border-radius:10px}.mono{font-family:ui-monospace,Consolas,monospace;word-break:break-word}
@media(max-width:790px){.nav{align-items:flex-start;padding:1rem 0;flex-direction:column}.navlinks{gap:.9rem}.hero{padding:4rem 0}.grid{grid-template-columns:1fr}.card{min-height:0}section{padding:3rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}