:root{--bg:#0b1116;--fg:#e7eef5;--muted:#96a3ad;--steel:#0f6c88;--steel-2:#0a3e4f;--accent:#18a4c3;--panel:#101820;--card:#0f141a;--ok:#22c55e;--warn:#f59e0b;--err:#ef4444}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{opacity:.9}.container{max-width:1200px;margin:0 auto;padding:20px}header{position:sticky;top:0;z-index:40;background:linear-gradient(180deg,rgba(3,7,10,.95),rgba(3,7,10,.75) 70%,transparent)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.brand{display:flex;align-items:center;gap:10px}.badge{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--steel),var(--steel-2));display:grid;place-items:center;font-weight:700}.badge span{color:#fff}.nav a{padding:8px 10px;border-radius:10px}.nav a.active,.nav a:hover{background:rgba(255,255,255,.06)}.btn{display:inline-block;padding:10px 16px;border-radius:12px;background:var(--accent);color:#001018;font-weight:700}.hero{position:relative;isolation:isolate;min-height:62vh;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #0e1b23}.hero-canvas{position:absolute;inset:0;z-index:0}.hero-content{position:relative;z-index:1;text-align:center;padding:60px 20px}.h1{font-size:clamp(28px,3.5vw,54px);margin:8px 0}.h2{font-size:clamp(22px,2.4vw,34px);margin:6px 0;color:var(--muted)}.grid{display:grid;gap:16px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(14,24,32,.8),rgba(12,18,26,.7));border:1px solid rgba(147,197,253,.08);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.card h3{margin:0 0 8px 0}.section{padding:40px 20px}.footer{border-top:1px solid #0e1b23;background:#060a0d}.small{font-size:12px;color:var(--muted)}.flex{display:flex;gap:12px;align-items:center;flex-wrap:wrap}input,textarea,select{background:#0e1620;border:1px solid #14212c;border-radius:12px;color:var(--fg);padding:10px;width:100%}.form{max-width:720px;margin:0 auto}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #16232d;padding:10px;text-align:left}.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.kpi .pill{background:#0c141b;border:1px solid #172530;border-radius:14px;padding:12px}.badge-ok{color:var(--ok)}.badge-warn{color:var(--warn)}.badge-err{color:var(--err)}.mobile-only{display:none}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.kpi{grid-template-columns:1fr 1fr}}@media(max-width:640px){.cards{grid-template-columns:1fr}.mobile-only{display:block}.desktop-only{display:none}}:root.light{--bg:#f7fbff;--fg:#0a0f12;--muted:#51606c;--panel:#f0f6fb;--card:#ffffff;--steel:#1f7a91;--steel-2:#0c4860;--accent:#0d9ec1;border-color:#cfe3f3}.light header{background:linear-gradient(180deg,rgba(250,253,255,.95),rgba(250,253,255,.8) 70%,transparent)}.light .card{background:#fff;border-color:#e7eef5}.light input,.light textarea,.light select{background:#fff;border-color:#d7e5f1;color:#0a0f12}.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .6s ease}.reveal.show{opacity:1;transform:none}