:root{--bg:#0a0f1f;--card:#0d142a;--muted:#b0c4de;--fg:#e6f0ff;--brand:#00AEEF;--brand-2:#12D9FF;--ring:#66E6FF}
*{box-sizing:border-box}html{scrollbar-gutter:stable both-edges}html,body{margin:0;padding:0;height:100%}
body{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
a{color:inherit;text-decoration:none}.container{max-width:1280px;margin:0 auto;padding:24px}
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,rgba(0,174,239,.18),rgba(18,217,255,.18));backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(18,217,255,.18)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand strong{color:var(--brand)}
.nav ul{list-style:none;margin:0;padding:0}.menu{display:flex;gap:22px;align-items:center}.has-sub{position:relative}
.has-sub .sub{position:absolute;top:100%;left:0;display:none;min-width:240px;background:#081027;border:1px solid rgba(18,217,255,.25);border-radius:14px;padding:10px 8px;box-shadow:0 16px 40px rgba(0,174,239,.18);transform:translateY(-1px);z-index:10000}
.has-sub.open>.sub{display:block}@media (min-width:901px){.has-sub:hover>.sub{display:block}}.has-sub .sub a{display:block;padding:10px 12px;border-radius:10px}.has-sub .sub a:hover{background:rgba(18,217,255,.10)}
.nav .btn{padding:10px 14px;border-radius:14px;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#031018;font-weight:800;box-shadow:0 6px 18px rgba(0,174,239,.25)}
.nav-toggle{display:none;background:transparent;border:1px solid rgba(18,217,255,.35);padding:8px 10px;border-radius:10px;color:var(--fg)}
@media (max-width:900px){.nav-toggle{display:block}.nav{display:none}.nav.open{display:block}.menu{flex-direction:column;align-items:flex-start;background:#081027;border:1px solid rgba(18,217,255,.25);padding:14px;border-radius:14px;position:absolute;right:20px;top:66px;width:300px;box-shadow:0 20px 40px rgba(0,174,239,.22)}.has-sub .sub{position:static;transform:none;border:none;box-shadow:none;background:transparent;padding-left:8px}}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;padding:42px 0}.hero-text h1{font-size:40px;line-height:1.2;margin:0 0 10px}.lead{opacity:.9}
.btn{display:inline-block;padding:12px 18px;border-radius:14px;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#031018;font-weight:800;border:none;cursor:pointer;box-shadow:0 10px 24px rgba(0,174,239,.25)}
.btn.ghost{background:transparent;border:1px solid var(--ring);color:#e6f0ff;box-shadow:none}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tiles a{display:block;background:var(--card);border:1px solid rgba(18,217,255,.15);border-radius:14px;padding:16px;text-align:center;font-weight:700}
@media (max-width:900px){.tiles{grid-template-columns:repeat(2,1fr)}}ul.check{padding-left:18px}ul.check li{margin:8px 0}
.cards-flex{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0 64px}.card{background:var(--card);border:1px solid rgba(18,217,255,.18);border-radius:18px;padding:24px;flex:1 1 480px;min-width:280px;overflow:visible;min-height:auto}
.card.soft{background:linear-gradient(180deg, rgba(18,217,255,.06), rgba(18,217,255,.02));border-color:rgba(18,217,255,.22)}
main.container.content{flex:1 0 auto;margin-bottom:48px}
.site-footer{position:relative;background:#0b1328;border-top:1px solid rgba(18,217,255,.18);margin-top:56px}.footer-bg{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,174,239,.10), rgba(0,174,239,.02));pointer-events:none}
.site-footer .container{position:relative}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}.muted{color:var(--muted)}