:root{--primary:#00a8ff;--primary-glow:#00a8ff66;--secondary:#0056b3;--accent:#00ecff;--bg-dark:#070c19;--bg-card:#0d162fb3;--bg-card-hover:#14234bd9;--text-light:#f1f5f9;--text-muted:#8ba2c0;--text-dark:#0f172a;--border-light:#00ecff26;--border-glow:#00ecff59;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;overflow-x:hidden}body{background-color:var(--bg-dark);color:var(--text-light);width:100%;max-width:100vw;font-family:Outfit,Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.perspective-container{perspective:1200px}.card-3d{transform-style:preserve-3d;transition:var(--transition-smooth)}@keyframes flowWind{0%{opacity:0;transform:translate(-100%)skew(-30deg)translateY(0)}15%{opacity:.18}85%{opacity:.18}to{opacity:0;transform:translate(100%)skew(-30deg)translateY(-20px)}}@keyframes floatBubble{0%{opacity:0;transform:translateY(100vh)scale(.5)}50%{opacity:.5}to{opacity:0;transform:translateY(-20vh)scale(1.2)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 6px #00a8ff4d}50%{box-shadow:0 0 10px #00ecff99,inset 0 0 2px #00ecff4d}}.airflow-streamer{background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;filter:blur(2px);pointer-events:none;z-index:1;width:250px;max-width:60%;height:2px;position:absolute}.airflow-1{animation:8s linear infinite flowWind;top:20%;left:0}.airflow-2{animation:12s linear 3s infinite flowWind;top:50%;left:0}.airflow-3{animation:10s linear 6s infinite flowWind;top:80%;left:0}.grid-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:2rem 0;display:grid}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:var(--glass-shadow);transition:var(--transition-smooth);border-radius:16px}.glass-panel:hover{border-color:var(--accent);background:var(--bg-card-hover);box-shadow:0 4px 15px #00ecff0d,0 0 6px #00ecff33}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;animation:4s infinite pulseGlow;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 0 10px #00ecffb3,inset 0 0 2px #00ecff66}.btn-secondary{color:var(--text-light);border:2px solid var(--border-light);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:30px;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-secondary:hover{border-color:var(--accent);background:#00ecff0d;transform:translateY(-2px)}.input-group{margin-bottom:1.5rem}.input-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.9rem;display:block}.input-control{border:1px solid var(--border-light);color:#fff;width:100%;transition:var(--transition-smooth);background:#070c1999;border-radius:8px;padding:.8rem 1rem;font-family:Inter,sans-serif}.input-control:focus{border-color:var(--accent);outline:none;box-shadow:0 0 10px #00ecff33}.page-container{border-bottom:1px solid #00ecff0d;padding:4rem 0;position:relative}.particle-emitter{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.bubble{background:radial-gradient(circle,#00ecff40 0%,#0000 70%);border-radius:50%;animation:15s linear infinite floatBubble;position:absolute;bottom:-100px}