@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --bg:#070A10;
  --panel:rgba(255,255,255,0.05);
  --panel2: rgba(255,255,255,0.03);
  --text:#F2F7FF;
  --muted:rgba(242,247,255,0.70);
  --accent:#7DD3FC;
  --accent2:#A7F3D0;
  --border: rgba(255,255,255,0.10);
  --shadow: 0 18px 55px rgba(0,0,0,0.55);
  --glow: 0 0 42px rgba(125,211,252,0.20);
  --radius-lg: 18px;
  --radius-md: 14px;
  --container: 1180px;
  --font-display: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family: var(--font-body);
  color: var(--text);
  background:
    radial-gradient(900px 520px at 20% 10%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%),
    radial-gradient(900px 520px at 90% 30%, color-mix(in srgb, var(--accent2) 16%, transparent), transparent 65%),
    linear-gradient(180deg, var(--bg), #05060a);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}
.container{max-width:var(--container);margin:0 auto;padding:0 20px;}

.header{
  position: sticky;
  top:0;
  z-index:10000;
  height:80px;
  display:flex;
  align-items:center;
  background: rgba(6,8,13,0.65);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--border);
}
.headerInner{display:flex;align-items:center;gap:14px;width:100%;}
.headerImg{height:46px;width:46px;border-radius:12px;box-shadow:var(--shadow);}
.headerTitle{font-family:var(--font-display);font-weight:900;font-size:clamp(16px,1.8vw,22px);line-height:1.1;}
.headerTitle small{display:block;margin-top:2px;font-weight:600;color:var(--muted);font-size:12px;letter-spacing:.4px;}
.linkContainer{margin-left:auto;display:flex;align-items:center;gap:6px;}
.linkContainer>a{padding:10px 12px;border-radius:12px;color:var(--muted);font-weight:800;font-size:14px;border:1px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;}
.linkContainer>a:hover{transform:translateY(-1px);background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.10);color:var(--text);}

.navToggle{display:none;margin-left:auto;width:44px;height:44px;border-radius:14px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.05);color:var(--text);cursor:pointer;}
.navToggle svg{width:22px;height:22px;}

.mobileNav{display:none;position:fixed;inset:80px 0 auto 0;padding:14px 16px 18px;background:rgba(6,8,13,0.92);border-bottom:1px solid rgba(255,255,255,0.10);backdrop-filter:blur(14px);z-index:9999;}
.mobileNav a{display:block;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);margin-top:10px;font-weight:900;}
.mobileNav a span{color:var(--muted);font-weight:600;margin-left:6px;}
[data-nav-open="true"] .mobileNav{display:block;z-index:9999;}

.footer{margin-top:40px;padding:26px 16px;display:flex;justify-content:center;align-items:center;border-top:1px solid var(--border);background:rgba(6,8,13,0.55);}
.footer span{color:var(--muted);font-weight:700;font-size:14px;}
.footer strong{color:var(--text);}

.reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}

@media (max-width:900px){
  .header{height:74px;}
  .headerImg{height:42px;width:42px;}
  .linkContainer{display:none;}
  .navToggle{display:inline-flex;align-items:center;justify-content:center;}
}
@media (prefers-reduced-motion: reduce){
  *{scroll-behavior:auto !important;}
  .reveal{opacity:1 !important;transform:none !important;transition:none !important;}
}

/* Ice extras */
.header{
  background: rgba(8,10,14,0.62);
}