
    html { scroll-behavior: smooth; }
    body {
      font-family: 'Inter', sans-serif;
      background-color: #030712;
      color: #f1f5f9;
      overflow-x: hidden;
    }
    .font-display {
      font-family: 'Syne', sans-serif;
    }
    .font-mono-code {
      font-family: 'JetBrains Mono', monospace;
    }
    .glass-card {
      background: rgba(17, 24, 39, 0.75);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(255, 255, 255, 0.08);
    }
    .glass-panel {
      background: rgba(11, 19, 41, 0.90);
      backdrop-filter: blur(16px);
      border: 1px solid rgba(34, 211, 238, 0.18);
    }
    .glow-cyan {
      box-shadow: 0 0 35px -5px rgba(6, 182, 212, 0.35);
    }
    .glow-amber {
      box-shadow: 0 0 35px -5px rgba(245, 158, 11, 0.3);
    }
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #030712;
    }
    ::-webkit-scrollbar-thumb {
      background: #1e293b;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #06b6d4;
    }
  
/* Production multipage additions */
.page-shell { max-width: 80rem; margin: 0 auto; padding: 5rem 1rem; }
.page-hero { padding: 7rem 1rem 5rem; background:
  radial-gradient(circle at 15% 20%, rgba(6,182,212,.12), transparent 32%),
  radial-gradient(circle at 85% 30%, rgba(245,158,11,.08), transparent 28%); }
.nav-link.active { color:#22d3ee; }
.form-control { width:100%; background:#0b1329; border:1px solid rgba(34,211,238,.18); color:#e2e8f0; border-radius:.65rem; padding:.8rem .9rem; outline:none; }
.form-control:focus { border-color:rgba(34,211,238,.65); box-shadow:0 0 0 3px rgba(34,211,238,.08); }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:.65rem; padding:.75rem 1rem; background:#06b6d4; color:#031018; font-weight:800; }
.btn-primary:hover { background:#22d3ee; }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; border-radius:.65rem; padding:.75rem 1rem; border:1px solid rgba(34,211,238,.3); color:#cbd5e1; }
.card { background:rgba(17,24,39,.75); border:1px solid rgba(255,255,255,.08); border-radius:1rem; padding:1.25rem; }
.kicker { color:#22d3ee; font:700 .72rem/1 'JetBrains Mono',monospace; letter-spacing:.14em; text-transform:uppercase; }
