:root{--bg-main:radial-gradient(circle at top, #0d1b3d, #000000 70%);--text-main:#ffffff;--accent:#66aaff;--accent-soft:#9cc7ff;--nav-bg:rgba(0, 0, 0, 0.4);--grid-line:rgba(0, 102, 255, 0.2);--glass:rgba(0, 0, 0, 0.75)}body.light-mode{--bg-main:radial-gradient(circle at top, #f5f7ff, #dfe4ff 70%);--text-main:#050816;--accent:#245bff;--accent-soft:#4b6dff;--nav-bg:rgba(255, 255, 255, 0.8);--grid-line:rgba(36, 91, 255, 0.18);--glass:rgba(255, 255, 255, 0.75)}body{margin:0;font-family:"Segoe UI", Arial, sans-serif;background:var(--bg-main);color:var(--text-main);overflow-x:hidden;transition:background 0.6s ease, color 0.6s ease}.particles{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden;z-index:-2}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;opacity:0.4;animation:floatUp linear infinite}@keyframes floatUp{from{transform:translateY(100vh);opacity:0}20%{opacity:0.6}to{transform:translateY(-10vh);opacity:0}}.grid{position:fixed;bottom:0;left:0;width:100%;height:40vh;background:linear-gradient(rgba(0,0,0,0), rgba(0,0,0,1)),repeating-linear-gradient(to right,var(--grid-line) 0px,var(--grid-line) 2px,transparent 2px,transparent 40px),repeating-linear-gradient(to top,var(--grid-line) 0px,var(--grid-line) 2px,transparent 2px,transparent 40px);transform:perspective(500px) rotateX(65deg);z-index:-1}nav{position:fixed;top:0;width:100%;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;background:var(--nav-bg);backdrop-filter:blur(10px);z-index:20;box-sizing:border-box}.logo{display:flex;align-items:center;gap:8px;cursor:pointer}.logo-orb{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:orbPulse 2.4s ease-in-out infinite}@keyframes orbPulse{0%, 100%{transform:scale(1);opacity:0.8;box-shadow:0 0 6px var(--accent)}50%{transform:scale(1.4);opacity:1;box-shadow:0 0 12px var(--accent-soft)}}.logo-text{font-size:1.4rem;font-weight:600;white-space:nowrap}.links{display:flex;gap:20px;align-items:center}.links a{color:var(--accent-soft);text-decoration:none;font-size:1rem;transition:0.3s;white-space:nowrap}.links a:hover{color:var(--text-main)}.links a.active,.mobile-menu a.active{color:var(--text-main);text-decoration:none}.links a.active::after,.mobile-menu a.active::after{content:'';display:block;margin:6px auto 0;width:40%;height:2px;background:linear-gradient(90deg, var(--accent), var(--accent-soft));border-radius:2px}.mode-toggle{display:inline-flex;align-items:center;gap:6px;font-size:0.85rem;cursor:pointer;user-select:none}.mode-toggle input{display:none}.toggle-slider{width:34px;height:18px;border-radius:999px;background:rgba(255,255,255,0.15);position:relative}.toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--accent);transition:transform 0.25s ease}input:checked + .toggle-slider .toggle-knob{transform:translateX(16px)}.hamburger{width:32px;height:24px;display:none;flex-direction:column;justify-content:space-between;cursor:pointer;z-index:101}.hamburger span{height:3px;background:var(--accent);border-radius:3px;box-shadow:0 0 6px var(--accent);transition:0.4s ease;display:block}.hamburger.active .line1{transform:translateY(10px) rotate(45deg)}.hamburger.active .line2{opacity:0}.hamburger.active .line3{transform:translateY(-10px) rotate(-45deg)}.mobile-menu{position:fixed;top:0;right:0;width:260px;height:100vh;background:var(--glass);backdrop-filter:blur(18px);padding:80px 20px;display:flex;flex-direction:column;gap:22px;transform:translateX(100%);transition:transform 0.35s ease;z-index:100}.mobile-menu.open{transform:translateX(0)}.mobile-menu a{color:var(--accent-soft);text-decoration:none;font-size:1.2rem;transition:0.3s}.mobile-menu a:hover{color:var(--text-main)}@media (max-width: 1200px){.links{display:none}.hamburger{display:flex}}.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 20px;position:relative}.orb{position:absolute;width:300px;height:300px;background:radial-gradient(circle, rgba(0,102,255,0.4), transparent 70%);border-radius:50%;filter:blur(40px);animation:pulse 6s ease-in-out infinite;z-index:-1}@keyframes pulse{0%, 100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.3);opacity:0.8}}.hero h1{font-size:5rem;letter-spacing:0.15em;text-transform:uppercase;animation:glow 3s ease-in-out infinite;margin-bottom:10px}@keyframes glow{0%{text-shadow:0 0 10px var(--accent);opacity:0.7}50%{text-shadow:0 0 25px var(--accent-soft);opacity:1}100%{text-shadow:0 0 10px var(--accent);opacity:0.7}}.tagline{font-size:1.4rem;opacity:0.8;margin-bottom:40px}.loader{width:80px;height:80px;border:4px solid #1a3a6d;border-top:4px solid var(--accent);border-radius:50%;animation:spin 1.5s linear infinite;margin-top:20px}@keyframes spin{to{transform:rotate(360deg)}}.scroll-indicator{position:absolute;bottom:40px;font-size:0.9rem;opacity:0;animation:fadePulse 2s infinite;transition:opacity 0.8s ease}@keyframes fadePulse{0%, 100%{opacity:0.3}50%{opacity:1}}.section{padding:100px 20px;max-width:1000px;margin:auto;text-align:center}.signup{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;opacity:0.5;pointer-events:none}footer{padding:30px 20px 20px;text-align:center;font-size:0.85rem;opacity:0.7;position:relative;margin-top:40px}footer::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60%;height:1px;background:linear-gradient(to right,transparent,var(--accent),transparent);box-shadow:0 0 12px var(--accent)}.footer-content{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.footer-label{display:inline-flex;align-items:center;gap:8px;font-size:0.9rem;opacity:0.9}.help-btn{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--accent-soft);width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:0.85rem}.help-btn:focus{outline:2px solid var(--accent)}.tooltip-text{position:absolute;bottom:58px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,0.8);color:#fff;padding:8px 10px;border-radius:6px;font-size:0.85rem;width:240px;text-align:center;opacity:0;pointer-events:none;transition:opacity 0.15s ease;z-index:105}.help-btn:hover + .tooltip-text,.help-btn:focus + .tooltip-text{opacity:1;pointer-events:auto}@media (max-width: 768px){.hero h1{font-size:3.2rem;letter-spacing:0.12em}}@media (max-width: 480px){.hero h1{font-size:2.6rem}}@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}