:root {
  --bg: #f6f8ff;
  --card: rgba(255,255,255,0.92);
  --text: #1d2b45;
  --muted: #5f6b85;
  --border: #dfe7fb;
  --primary: #4263eb;
  --primary-2: #6f8cff;
  --shadow: 0 10px 30px rgba(36,54,110,.12);
}
html[data-theme="dark"] {
  --bg: #0f1424;
  --card: rgba(22, 29, 50, 0.92);
  --text: #e8edff;
  --muted: #a5b0d4;
  --border: #2a355d;
  --primary: #7ea0ff;
  --primary-2: #9cb6ff;
  --shadow: 0 10px 30px rgba(0,0,0,.45);
}
.reveal { opacity: 0; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease; }
.reveal--in { opacity: 1; transform: translateY(0); }
.glass { backdrop-filter: blur(8px); background: var(--card); border: 1px solid var(--border); }
.top-loader {position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-2));width:0;z-index:1500;transition:width .25s ease;}
.hero-blobs::before,.hero-blobs::after{content:"";position:absolute;border-radius:999px;filter:blur(20px);opacity:.35;pointer-events:none}
.hero-blobs::before{width:180px;height:180px;background:#8fb0ff;top:-40px;right:5%}
.hero-blobs::after{width:140px;height:140px;background:#7de0ff;bottom:-30px;left:10%}
.mobile-only{display:none}
@media (max-width: 920px){
  .desktop-only{display:none !important}
  .mobile-only{display:inline-flex}
  .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card);border:1px solid var(--border);padding:.8rem;box-shadow:var(--shadow)}
  .mobile-menu.open{display:block}
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
}