:root{--bg-dark:#07080e;--bg-card:#0f121cb3;--bg-card-hover:#161b2ad9;--border-glass:#ffffff14;--border-glass-bright:#fff3;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--cyan-glow:#00f2fe;--cyan-secondary:#4facfe;--cycle-pink:#ff2a85;--cycle-pink-glow:#ff2a8559;--research-purple:#9d4edd;--research-purple-glow:#9d4edd59;--food-green:#00f5a0;--food-green-glow:#00f5a059;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--shadow-glow-cyan:0 0 30px #00f2fe40;--shadow-glow-pink:0 0 30px #ff2a8540;--shadow-glow-purple:0 0 30px #9d4edd40;--shadow-glow-green:0 0 30px #00f5a040;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#07080e}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--cyan-glow)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--border-glass-bright)}.gradient-text-cyan{background:linear-gradient(135deg, #fff 0%, var(--cyan-glow) 50%, var(--cyan-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-pink{background:linear-gradient(135deg, #fff 0%, var(--cycle-pink) 50%, #ff88a5 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-purple{background:linear-gradient(135deg, #fff 0%, var(--research-purple) 50%, #c77dff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.gradient-text-green{background:linear-gradient(135deg, #fff 0%, var(--food-green) 50%, #70e000 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.btn-primary{color:#07080e;cursor:pointer;background:linear-gradient(135deg,#00f2fe 0%,#4facfe 100%);border:none;border-radius:9999px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #00f2fe59}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 30px #00f2fe80}.btn-secondary{color:var(--text-main);border:1px solid var(--border-glass-bright);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:9999px;align-items:center;gap:10px;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#ffffff1f;border-color:#fff6;transform:translateY(-2px)}.badge-glow{letter-spacing:.5px;text-transform:uppercase;border-radius:9999px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-cyan{color:var(--cyan-glow);background:#00f2fe1a;border:1px solid #00f2fe4d}.badge-pink{color:var(--cycle-pink);background:#ff2a851a;border:1px solid #ff2a854d}.badge-purple{color:var(--research-purple);background:#9d4edd1a;border:1px solid #9d4edd4d}.badge-green{color:var(--food-green);background:#00f5a01a;border:1px solid #00f5a04d}.orb{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.orb-cyan{background:#00f2fe26;width:450px;height:450px;animation:12s ease-in-out infinite alternate floatOrb;top:-100px;left:20%}.orb-purple{background:#9d4edd26;width:500px;height:500px;animation:15s ease-in-out infinite alternate floatOrb;top:300px;right:-100px}.orb-pink{background:#ff2a851f;width:400px;height:400px;animation:10s ease-in-out infinite alternate floatOrb;bottom:20%;left:-50px}@keyframes floatOrb{0%{transform:translateY(0)scale(1)}to{transform:translateY(40px)scale(1.1)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}.animate-glow{animation:3s ease-in-out infinite pulseGlow}.modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#04050ad9;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.code-box{border-radius:var(--radius-md);font-family:var(--font-mono);color:#a5b4fc;background:#0d0f18;border:1px solid #ffffff1a;padding:16px;font-size:.875rem;overflow-x:auto}