*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-primary:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--bg-gradient-light:linear-gradient(135deg, #f6f5ff 0%, #ece9ff 40%, #e6dfff 100%);--bg-main:#f5f4ff;--text-dark:#0f172a;--text-heading:#1e1b4b;--text-muted:#5a5e72;--text-subtle:#7b7f95;--accent-purple:#635bff;--accent-purple-hover:#5046e5;--accent-purple-gradient:linear-gradient(135deg, #635bff 0%, #7c3aed 100%);--accent-purple-light:#635bff14;--accent-purple-border:#635bff33;--btn-dark-bg:#111827;--btn-dark-hover:#1f2937;--btn-light-bg:#fff;--btn-light-hover:#f9fafb;--card-bg:#fff;--card-border:#e2e8f0cc;--card-shadow:0 20px 40px -15px #635bff14;--card-shadow-hover:0 25px 50px -12px #635bff29;--dark-bg:#0c0d1a;--dark-bg-gradient:radial-gradient(circle at top center, #1b1a38 0%, #0d0d1b 60%, #06060e 100%);--dark-card-bg:#16172cbf;--dark-card-border:#ffffff14;--dark-card-shadow:0 30px 60px #00000080, inset 0 1px 0 #ffffff1a;--dark-highlight-box:#2b2a5580;--dark-highlight-border:#635bff4d;--dark-404-blue:#80b3ff;--dark-text-muted:#a0a5c0}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--text-dark);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f0fb}::-webkit-scrollbar-thumb{background:#c7c4f0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}.mode-switcher-bar{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827e6;border:1px solid #ffffff26;border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;top:16px;right:16px;box-shadow:0 10px 25px #00000040}.mode-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.mode-btn:hover{color:#fff}.mode-btn.active{background:var(--accent-purple-gradient);color:#fff;box-shadow:0 4px 12px #635bff66}@keyframes floatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes scrollIndicator{0%{opacity:1;transform:translateY(0)}80%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite floatSlow}.animate-float-delayed{animation:4s ease-in-out 2s infinite floatSlow}.badge-pill{color:var(--accent-purple);background:#635bff14;border:1px solid #635bff26;border-radius:999px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.badge-pill:hover{background:#635bff24;transform:translateY(-1px)}.badge-dot{background:var(--accent-purple);width:7px;height:7px;box-shadow:0 0 8px var(--accent-purple);border-radius:50%}.gradient-text-purple{background:linear-gradient(135deg,#5b4df5 0%,#7c3aed 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary-dark{background:var(--btn-dark-bg);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #11182726}.btn-primary-dark:hover{background:var(--btn-dark-hover);transform:translateY(-2px);box-shadow:0 6px 20px #11182740}.btn-secondary-white{color:var(--text-dark);cursor:pointer;background:#fff;border:1px solid #e2e8f0cc;border-radius:999px;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #0000000a}.btn-secondary-white:hover{background:#f9fafb;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 14px #00000014}