@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--color-cyan:#00d4ff;--color-cyan-glow:#00d4ff66;--color-violet:#7c3aed;--color-violet-glow:#7c3aed66;--color-magenta:#ff006e;--color-magenta-glow:#ff006e66;--color-purple:#a855f7;--color-purple-glow:#a855f766;--color-orange:#ff9500;--color-lime:#84cc16;--color-pink:#ec4899;--bg-dark:#0a0a0f;--bg-darker:#050508;--bg-card:#0f0f17;--bg-elevated:#16161f;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-bg:#ffffff08;--glass-bg-hover:#ffffff0f;--glass-border:#ffffff14;--glass-border-hover:#ffffff26;--glass-blur:3px;--gradient-primary:linear-gradient(135deg,var(--color-cyan) 0%,var(--color-violet) 50%,var(--color-magenta) 100%);--gradient-glow:linear-gradient(135deg,var(--color-cyan-glow),var(--color-violet-glow),var(--color-magenta-glow));--gradient-card:linear-gradient(135deg,#00d4ff1a,#7c3aed1a);--gradient-border:linear-gradient(135deg,var(--color-cyan),var(--color-violet),var(--color-magenta));--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 64px #00000080;--shadow-glow-cyan:0 0 30px var(--color-cyan-glow);--shadow-glow-violet:0 0 30px var(--color-violet-glow);--shadow-glow-magenta:0 0 30px var(--color-magenta-glow);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;background:var(--bg-dark);color:#f8fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}body:before{animation:backgroundPulse 8s ease-in-out infinite alternate;background:radial-gradient(ellipse 80% 50% at 20% 10%,#00d4ff26,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 80%,#7c3aed1f,#0000 50%),radial-gradient(ellipse 40% 30% at 50% 50%,#ff006e14,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}@keyframes backgroundPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.App{min-height:100vh;position:relative}.glass-effect{backdrop-filter:blur(3px) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(3px) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0006;box-shadow:var(--shadow-md);overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.glass-effect:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;transition:opacity var(--transition-normal)}.glass-effect:hover{background:#ffffff0f;background:var(--glass-bg-hover);border-color:#ffffff26;border-color:var(--glass-border-hover);box-shadow:0 16px 64px #00000080,0 0 40px #00d4ff1a;box-shadow:var(--shadow-lg),0 0 40px #00d4ff1a;transform:translateY(-4px)}.glass-effect:hover:before{opacity:1}.glass-card{backdrop-filter:blur(3px) saturate(180%);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(3px) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);background:#ffffff08;background:var(--glass-bg);padding:1.5rem;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.glass-card,.glass-card:before{border-radius:20px;border-radius:var(--radius-lg)}.glass-card:before{background:linear-gradient(135deg,#00d4ff4d,#7c3aed33,#ff006e4d);content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;padding:1px;position:absolute;transition:opacity .3s ease;transition:opacity var(--transition-normal)}.glass-card:hover:before{opacity:1}.glass-card:hover{box-shadow:0 16px 64px #00000080,0 0 30px #00d4ff66;box-shadow:var(--shadow-lg),var(--shadow-glow-cyan);transform:translateY(-6px)}h1,h2,h3,h4,h5,h6{color:#f8fafc;color:var(--text-primary);font-weight:700;line-height:1.2}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#ff006e);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}button{background:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#ff006e);background:var(--gradient-primary);border:none;border-radius:12px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;letter-spacing:.02em;overflow:hidden;padding:12px 28px;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}button:hover{box-shadow:0 0 30px #00d4ff66,0 8px 32px #0006;box-shadow:var(--shadow-glow-cyan),var(--shadow-md);transform:translateY(-3px)}button:hover:before{left:100%}button:active{transform:translateY(-1px)}button.secondary{background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#f8fafc;color:var(--text-primary)}button.secondary:hover{background:#ffffff0f;background:var(--glass-bg-hover);border-color:#00d4ff;border-color:var(--color-cyan);box-shadow:0 0 30px #00d4ff66;box-shadow:var(--shadow-glow-cyan)}button.outline{background:#0000;background-clip:padding-box,border-box;background-image:linear-gradient(#0a0a0f,#0a0a0f),linear-gradient(135deg,#00d4ff,#7c3aed 50%,#ff006e);background-image:linear-gradient(var(--bg-dark),var(--bg-dark)),var(--gradient-primary);background-origin:border-box;border:2px solid #0000;color:#f8fafc;color:var(--text-primary)}button.outline:hover{background-image:linear-gradient(135deg,#00d4ff,#7c3aed 50%,#ff006e);background-image:var(--gradient-primary);color:#fff}input,select,textarea{background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:12px;border-radius:var(--radius-md);color:#f8fafc;color:var(--text-primary);font-family:Inter,sans-serif;font-size:1rem;padding:14px 18px;transition:all .3s ease;transition:all var(--transition-normal);width:100%}input::placeholder,textarea::placeholder{color:#64748b;color:var(--text-muted)}input:focus,select:focus,textarea:focus{background:#ffffff0f;background:var(--glass-bg-hover);border-color:#00d4ff;border-color:var(--color-cyan);box-shadow:0 0 0 3px #00d4ff66,0 2px 8px #0000004d;box-shadow:0 0 0 3px var(--color-cyan-glow),var(--shadow-sm);outline:none}.input-group{position:relative}.input-group input{padding-left:48px}.input-group svg{color:#64748b;color:var(--text-muted);left:16px;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s ease;transition:color var(--transition-normal)}.input-group input:focus+svg,.input-group:hover svg{color:#00d4ff;color:var(--color-cyan)}.card{background:#ffffff08;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);padding:1.5rem;position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{border-color:#ffffff26;border-color:var(--glass-border-hover);box-shadow:0 16px 64px #00000080,0 0 30px #00d4ff14;box-shadow:var(--shadow-lg),0 0 30px #00d4ff14;transform:translateY(-4px)}.video-card{background:#0f0f17;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;transition:all var(--transition-normal)}.video-card:hover{border-color:#00d4ff;border-color:var(--color-cyan);box-shadow:0 16px 64px #00000080,0 0 30px #00d4ff66;box-shadow:var(--shadow-lg),var(--shadow-glow-cyan);transform:translateY(-8px) scale(1.02)}#particles-js{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#050508;background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#00d4ff,#7c3aed);background:linear-gradient(180deg,var(--color-cyan),var(--color-violet));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c3aed,#ff006e);background:linear-gradient(180deg,var(--color-violet),var(--color-magenta))}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d4ff66;box-shadow:0 0 20px var(--color-cyan-glow)}50%{box-shadow:0 0 40px #ff006e66;box-shadow:0 0 40px var(--color-magenta-glow)}}@keyframes borderGlow{0%{border-color:#00d4ff;border-color:var(--color-cyan);box-shadow:0 0 30px #00d4ff66;box-shadow:var(--shadow-glow-cyan)}33%{border-color:#7c3aed;border-color:var(--color-violet);box-shadow:0 0 30px #7c3aed66;box-shadow:var(--shadow-glow-violet)}66%{border-color:#ff006e;border-color:var(--color-magenta);box-shadow:0 0 30px #ff006e66;box-shadow:var(--shadow-glow-magenta)}to{border-color:#00d4ff;border-color:var(--color-cyan);box-shadow:0 0 30px #00d4ff66;box-shadow:var(--shadow-glow-cyan)}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 3s ease-in-out infinite}.animate-border-glow{animation:borderGlow 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:4px 12px;text-transform:uppercase}.badge-primary{background:linear-gradient(135deg,#00d4ff,#7c3aed);background:linear-gradient(135deg,var(--color-cyan),var(--color-violet));color:#fff}.badge-success{background:linear-gradient(135deg,#84cc16,#22c55e);background:linear-gradient(135deg,var(--color-lime),#22c55e);color:#fff}.badge-warning{background:linear-gradient(135deg,#ff9500,#f59e0b);background:linear-gradient(135deg,var(--color-orange),#f59e0b);color:#fff}.badge-danger{background:linear-gradient(135deg,#ff006e,#ef4444);background:linear-gradient(135deg,var(--color-magenta),#ef4444);color:#fff}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-cyan{color:#00d4ff;color:var(--color-cyan)}.text-violet{color:#7c3aed;color:var(--color-violet)}.text-magenta{color:#ff006e;color:var(--color-magenta)}.text-muted{color:#64748b;color:var(--text-muted)}.text-secondary{color:#94a3b8;color:var(--text-secondary)}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:1rem}.gap-4{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}@media (max-width:768px){:root{--radius-lg:16px;--radius-xl:20px}button{font-size:.9rem;padding:10px 20px}input,textarea{padding:12px 16px}.glass-card{padding:1rem}}
/*# sourceMappingURL=main.9523267f.css.map*/