@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap";.landing-page{min-height:100vh;background:#0a0a0f;color:#e0e0e8;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;overflow-x:hidden;position:relative;opacity:0;transition:opacity .6s ease}.landing-page.visible{opacity:1}.landing-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,102,241,.03) 1px,transparent 1px);background-size:60px 60px}.glow-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.glow-orb-1{width:600px;height:600px;background:#6366f1;top:-200px;left:-100px;animation:orbFloat1 15s ease-in-out infinite}.glow-orb-2{width:500px;height:500px;background:#06b6d4;top:40%;right:-150px;animation:orbFloat2 18s ease-in-out infinite}.glow-orb-3{width:400px;height:400px;background:#a855f7;bottom:-100px;left:30%;animation:orbFloat3 20s ease-in-out infinite}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(80px,60px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(-60px,-80px)}}@keyframes orbFloat3{0%,to{transform:translate(0)}50%{transform:translate(50px,-50px)}}.floating-code{position:absolute;top:20%;right:5%;display:flex;flex-direction:column;gap:4px;opacity:.06;font-family:Fira Code,Consolas,monospace;font-size:14px;color:#6366f1;transform:rotate(3deg)}.landing-page section{position:relative;z-index:1}.section-header{text-align:center;max-width:640px;margin:0 auto 60px}.section-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:3px;color:#6366f1;background:#6366f11a;border:1px solid rgba(99,102,241,.2);padding:6px 16px;border-radius:100px;margin-bottom:20px}.section-title{font-size:40px;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.2}.section-subtitle{font-size:17px;color:#8888a0;line-height:1.6;margin:0}.hero-section{display:flex;align-items:center;justify-content:space-between;gap:60px;max-width:1200px;margin:0 auto;padding:60px 40px 100px;min-height:90vh}.hero-content{flex:1;max-width:580px}.hero-brand{font-size:32px;font-weight:900;color:#fff;margin-bottom:24px;letter-spacing:-.5px;animation:fadeInUp .5s ease both}.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:2px;color:#6366f1;background:#6366f114;border:1px solid rgba(99,102,241,.2);padding:8px 18px;border-radius:100px;margin-bottom:32px;animation:fadeInUp .6s ease both}.badge-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero-title{margin:0 0 24px;animation:fadeInUp .6s ease .1s both}.title-line{display:block;font-size:64px;font-weight:900;line-height:1.1;color:#fff;letter-spacing:-2px}.title-accent{background:linear-gradient(135deg,#6366f1,#06b6d4,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:18px;color:#8888a0;line-height:1.7;margin:0 0 36px;animation:fadeInUp .6s ease .2s both}.hero-actions{display:flex;align-items:center;gap:16px;margin-bottom:48px;animation:fadeInUp .6s ease .3s both}.landing-page .btn-primary{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;font-size:16px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.landing-page .btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#818cf8,#6366f1);opacity:0;transition:opacity .3s ease}.landing-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.landing-page .btn-primary:hover:before{opacity:1}.btn-text,.btn-icon{position:relative;z-index:1}.landing-page .btn-primary:hover .btn-icon{transform:translate(4px);transition:transform .3s ease}.landing-page .btn-secondary{padding:16px 32px;background:transparent;color:#c0c0d0;font-size:16px;font-weight:600;border:1px solid rgba(255,255,255,.12);border-radius:12px;cursor:pointer;transition:all .3s ease}.landing-page .btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40;color:#fff}.btn-large{padding:20px 44px!important;font-size:18px!important;border-radius:14px!important}.hero-stats{display:flex;align-items:center;gap:32px;animation:fadeInUp .6s ease .4s both}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-number{font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.stat-label{font-size:13px;color:#6b6b80;font-weight:500}.stat-divider{width:1px;height:36px;background:#ffffff14}.hero-visual{flex:0 0 420px;animation:fadeInUp .8s ease .3s both}.battle-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.battle-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent)}.battle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.live-badge{font-size:12px;font-weight:700;color:#22c55e;background:#22c55e1a;padding:4px 12px;border-radius:100px;animation:pulse 2s ease-in-out infinite}.match-type{font-size:12px;font-weight:700;letter-spacing:2px;color:#6366f1}.battle-card-players{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.player-side{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.player-avatar{width:56px;height:56px;background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.player-right .player-avatar{background:#ef44441a;border-color:#ef44444d}.player-name{font-size:14px;font-weight:700;color:#fff}.player-elo{font-size:12px;color:#6366f1;font-weight:600}.player-progress{width:100%;height:4px;background:#ffffff0f;border-radius:100px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#6366f1,#06b6d4);border-radius:100px;transition:width 2s ease}.player-right .progress-bar{background:linear-gradient(90deg,#ef4444,#f97316)}.vs-badge{font-size:18px;font-weight:900;color:#fff;background:#ffffff0f;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.battle-card-timer{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ffffff08;border-radius:12px;margin-bottom:16px}.timer-icon{font-size:16px}.timer-value{font-size:24px;font-weight:800;color:#fff;font-family:Fira Code,Consolas,monospace;font-variant-numeric:tabular-nums;transition:color .3s ease}.timer-urgent{color:#ef4444;animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.4}}.battle-card-challenge{display:flex;align-items:center;justify-content:space-between}.challenge-tag{font-size:13px;font-weight:600;color:#8888a0}.challenge-difficulty{font-size:11px;font-weight:700;padding:4px 12px;border-radius:100px;letter-spacing:1px;text-transform:uppercase}.difficulty-medium{color:#f59e0b;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.features-section{padding:100px 40px;max-width:1200px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:32px 24px;text-align:center;cursor:default;transition:all .4s ease;position:relative;overflow:hidden}.feature-card:hover,.feature-active{background:#6366f10a;border-color:#6366f133;transform:translateY(-4px)}.feature-glow{position:absolute;bottom:-60%;left:50%;transform:translate(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.15),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}.feature-card:hover .feature-glow,.feature-active .feature-glow{opacity:1}.feature-icon{font-size:40px;margin-bottom:20px;display:block}.feature-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 12px}.feature-description{font-size:14px;color:#7878a0;line-height:1.6;margin:0}.how-section{padding:100px 40px;max-width:1200px;margin:0 auto}.steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative}.steps-line{position:absolute;top:48px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,#6366f11a,#6366f14d,#6366f14d,#6366f11a)}.step-card{text-align:center;position:relative;animation:fadeInUp .6s ease both}.step-number{font-size:13px;font-weight:800;color:#6366f1;letter-spacing:2px;margin-bottom:16px}.step-icon{width:72px;height:72px;background:#6366f114;border:1px solid rgba(99,102,241,.15);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 20px;position:relative;z-index:1}.step-title{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px}.step-description{font-size:14px;color:#7878a0;line-height:1.6;margin:0}.arenas-section{padding:100px 40px;max-width:1200px;margin:0 auto}.arenas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.arena-card{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:24px;padding:44px 36px;position:relative;overflow:hidden;transition:all .4s ease}.arena-card:hover{transform:translateY(-4px)}.arena-dsa:hover{border-color:#6366f14d}.arena-debug:hover{border-color:#f59e0b4d}.arena-glow{position:absolute;top:-50%;right:-30%;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.06;pointer-events:none}.arena-dsa .arena-glow{background:#6366f1}.arena-debug .arena-glow{background:#f59e0b}.arena-icon{font-size:48px;margin-bottom:20px;display:block}.arena-title{font-size:28px;font-weight:800;color:#fff;margin:0 0 12px}.arena-description{font-size:15px;color:#7878a0;line-height:1.7;margin:0 0 24px}.arena-meta{display:flex;align-items:center;gap:16px;margin-bottom:28px}.arena-rating,.arena-domains{font-size:13px;font-weight:600;color:#8888a0;background:#ffffff0a;padding:6px 14px;border-radius:8px}.btn-arena{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:#6366f1;font-size:15px;font-weight:700;border:1px solid rgba(99,102,241,.3);border-radius:12px;cursor:pointer;transition:all .3s ease}.arena-debug .btn-arena{color:#f59e0b;border-color:#f59e0b4d}.btn-arena:hover{background:#6366f11a}.arena-debug .btn-arena:hover{background:#f59e0b1a}.cta-section{padding:100px 40px;text-align:center}.cta-content{max-width:600px;margin:0 auto;background:#6366f10a;border:1px solid rgba(99,102,241,.12);border-radius:28px;padding:64px 48px;position:relative;overflow:hidden}.cta-content:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(99,102,241,.1),transparent);pointer-events:none}.cta-title{font-size:36px;font-weight:800;color:#fff;margin:0 0 16px;position:relative}.cta-subtitle{font-size:17px;color:#8888a0;line-height:1.6;margin:0 0 36px;position:relative}.landing-footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.05);padding:40px}.footer-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;flex-direction:column;gap:4px}.footer-logo{font-size:18px;font-weight:800;color:#fff}.footer-tagline{font-size:13px;color:#5a5a70;margin:0}.footer-links{display:flex;align-items:center;gap:12px;font-size:13px;color:#5a5a70}.footer-sep{opacity:.3}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.hero-section{flex-direction:column;text-align:center;padding:50px 24px 60px;min-height:auto}.hero-content{max-width:100%;display:flex;flex-direction:column;align-items:center}.hero-visual{flex:none;width:100%;max-width:420px}.hero-actions,.hero-stats{justify-content:center}.title-line{font-size:52px}.features-grid,.steps-container{grid-template-columns:repeat(2,1fr)}.steps-line{display:none}}@media(max-width:768px){.title-line{font-size:40px;letter-spacing:-1px}.hero-subtitle{font-size:16px}.section-title{font-size:30px}.features-grid,.steps-container{grid-template-columns:1fr;max-width:400px;margin:0 auto}.arenas-grid{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:16px}.stat-divider{width:36px;height:1px}.hero-actions{flex-direction:column;width:100%}.landing-page .btn-primary,.landing-page .btn-secondary{width:100%;justify-content:center}.footer-content{flex-direction:column;text-align:center;gap:20px}.cta-content{padding:44px 24px}}@media(max-width:480px){.title-line{font-size:32px}.hero-section{padding:40px 16px}.features-section,.how-section,.arenas-section,.cta-section{padding:60px 16px}.battle-card{padding:20px}}:root{--bg-dark: #0f1115;--bg-panel: #16181d;--bg-panel-light: #1e2128;--primary: #6366f1;--primary-hover: #4f46e5;--primary-glow: rgba(99, 102, 241, .4);--accent: #ec4899;--accent-glow: rgba(236, 72, 153, .4);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--border: rgba(255, 255, 255, .1);--border-light: rgba(255, 255, 255, .15);--border-focus: rgba(99, 102, 241, .5);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -2px rgba(0, 0, 0, .3);--shadow-glow: 0 0 15px var(--primary-glow);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Outfit", var(--font-sans);--font-mono: "Fira Code", Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;--glass-bg: rgba(22, 24, 29, .7);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(12px);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;letter-spacing:-.02em}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}button{font-family:var(--font-sans);cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:var(--font-sans)}#root{display:flex;flex-direction:column;min-height:100vh}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--shadow-lg)}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.input-base{width:100%;padding:.75rem 1rem;background-color:#0003;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.95rem;transition:all var(--transition-normal)}.input-base:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow);background-color:#0000004d}.input-base::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:8px;transition:all var(--transition-normal);gap:.5rem;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f199;background:linear-gradient(135deg,#7174f2,#5a52e8)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--bg-panel-light);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:var(--border)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;text-transform:uppercase}.badge-success{background-color:#10b9811a;color:var(--success);border:1px solid rgba(16,185,129,.2)}.badge-warning{background-color:#f59e0b1a;color:var(--warning);border:1px solid rgba(245,158,11,.2)}.badge-danger{background-color:#ef44441a;color:var(--danger);border:1px solid rgba(239,68,68,.2)}.badge-primary{background-color:#6366f11a;color:var(--primary);border:1px solid rgba(99,102,241,.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) forwards}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow)}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.animate-pulse-glow{animation:pulse-glow 2s infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-panel-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.inset-y-0{top:0;bottom:0}.mt-0\.5{margin-top:.125rem}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:col-span-2{grid-column:span 2 / span 2}}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.h-10{height:2.5rem}.w-10{width:2.5rem}.h-16{height:4rem}.w-16{width:4rem}.h-64{height:16rem}.h-\[600px\]{height:600px}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-5{padding-left:1.25rem}.pr-2{padding-right:.5rem}.pt-2{padding-top:.5rem}.pb-3{padding-bottom:.75rem}@media(min-width:768px){.md\:p-10{padding:2.5rem}}@media(min-width:1024px){.lg\:p-12{padding:3rem}}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-4xl{font-size:2.25rem;line-height:2.5rem}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.whitespace-pre-wrap{white-space:pre-wrap}.leading-relaxed{line-height:1.625}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:1rem}.rounded-full{border-radius:9999px}.border{border:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-dashed{border-style:dashed}.border-border-light{border-color:var(--border-light)}.border-primary\/30{border-color:#6366f14d}.border-danger\/20{border-color:#ef444433}.opacity-10{opacity:.1}.opacity-20,.group:hover .group-hover\:opacity-20{opacity:.2}.bg-transparent{background-color:transparent}.bg-black\/40{background-color:#0006}.bg-bg-dark{background-color:var(--bg-dark)}.bg-bg-dark\/10{background-color:#0f11151a}.bg-bg-dark\/20{background-color:#0f111533}.bg-primary\/10{background-color:#6366f11a}.bg-primary\/20{background-color:#6366f133}.bg-bg-panel-light{background-color:var(--bg-panel-light)}.bg-bg-panel-light\/50{background-color:#1e212880}.bg-danger\/10{background-color:#ef44441a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: var(--primary);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))}.to-accent{--tw-gradient-to: var(--accent)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-8>*+*{margin-top:2rem}.resize-none{resize:none}.bg-overlay-40{background-color:#0006}.bg-overlay-60{background-color:#0009}.bg-overlay-80{background-color:#000c}.bg-overlay-90{background-color:#000000e6}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.shadow-glow-sm{box-shadow:0 0 10px var(--primary-glow)}.shadow-glow-md{box-shadow:0 0 20px var(--primary-glow)}.shadow-glow-lg{box-shadow:0 0 40px var(--primary-glow)}.shadow-glow-xl{box-shadow:0 0 60px var(--primary-glow)}.shadow-glow-2xl{box-shadow:0 0 100px var(--primary-glow)}.shadow-inner-white{box-shadow:inset 0 1px 1px #ffffff0d}.animate-spin-slow{animation:spin 3s linear infinite}.animate-progress-indefinite{width:100%;animation:progressIndefinite 2s infinite linear;transform-origin:0% 50%}@keyframes progressIndefinite{0%{transform:scaleX(0) translate(0)}50%{transform:scaleX(.5) translate(50%)}to{transform:scaleX(0) translate(200%)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-scale-in{animation:scaleIn var(--transition-normal) cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-glow{animation:pulse-glow 2.5s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 var(--primary-glow);border-color:var(--border-focus)}70%{box-shadow:0 0 0 12px #6366f100;border-color:var(--primary)}to{box-shadow:0 0 #6366f100;border-color:var(--border-focus)}}.bg-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.05) 0px,transparent 50%)}.bg-mesh-background{position:relative;overflow:hidden}.bg-mesh-background:before{content:"";position:fixed;inset:0;z-index:-1;background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(236,72,153,.05) 0px,transparent 50%);pointer-events:none}.text-white{color:#fff}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-text-primary{color:var(--text-primary)}.text-text-secondary,.text-secondary{color:var(--text-secondary)}.text-text-muted{color:var(--text-muted)}.text-primary\/60{color:#6366f199}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.italic{font-style:italic}.font-black{font-weight:900}.leading-none{line-height:1}.tabular-nums{font-variant-numeric:tabular-nums}.text-\[10px\]{font-size:10px;line-height:1.4}.text-\[9px\]{font-size:9px;line-height:1.4}.text-\[8px\]{font-size:8px;line-height:1.4}.text-6xl{font-size:3.75rem;line-height:1}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-\[0\.3em\]{letter-spacing:.3em}.tracking-\[0\.4em\]{letter-spacing:.4em}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.flex-none{flex:none}.flex-wrap{flex-wrap:wrap}.pl-10{padding-left:2.5rem}.mr-2{margin-right:.5rem}.mr-1{margin-right:.25rem}.space-y-1>*+*{margin-top:.25rem}.space-y-3>*+*{margin-top:.75rem}.border-2{border-width:2px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-primary\/20{border-color:#6366f133}.border-primary\/40{border-color:#6366f166}.border-primary\/60{border-color:#6366f199}.border-success\/20{border-color:#10b98133}.border-success\/40{border-color:#10b98166}.border-warning\/40{border-color:#f59e0b66}.border-danger\/40{border-color:#ef444466}.border-white\/5{border-color:#ffffff0d}.border-white\/10{border-color:#ffffff1a}.border-black\/20{border-color:#0003}.border-bg-panel{border-color:var(--bg-panel)}.bg-white\/5{background-color:#ffffff0d}.bg-red-500\/10{background-color:#ef44441a}.border-red-500\/20{border-color:#ef444433}.bg-success\/5{background-color:#10b9810d}.bg-success\/10{background-color:#10b9811a}.bg-success\/20{background-color:#10b98133}.bg-warning\/20{background-color:#f59e0b33}.bg-danger\/5{background-color:#ef44440d}.bg-danger\/20{background-color:#ef444433}.bg-bg-dark\/40{background-color:#0f111566}.bg-bg-dark\/90{background-color:#0f1115e6}.bg-bg-dark\/95{background-color:#0f1115f2}.bg-bg-panel\/40{background-color:#16181d66}.bg-bg-panel\/60{background-color:#16181d99}.bg-bg-panel\/90{background-color:#16181de6}.transition-colors{transition:color var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-all{transition:all var(--transition-normal)}.transition-transform{transition:transform var(--transition-normal)}.duration-500{transition-duration:.5s}.transform{transform:translateZ(0)}.scale-110{transform:scale(1.1)}.scale-105{transform:scale(1.05)}.scale-95{transform:scale(.95)}.hover\:scale-110:hover{transform:scale(1.1)}.hover\:scale-105:hover{transform:scale(1.05)}.active\:scale-95:active{transform:scale(.95)}.hover\:translate-y-\[-2px\]:hover{transform:translateY(-2px)}.active\:translate-y-\[0\]:active{transform:translateY(0)}.filter{filter:var(--tw-filter, none)}.drop-shadow-xl{filter:drop-shadow(0 20px 13px rgba(0,0,0,.3)) drop-shadow(0 8px 5px rgba(0,0,0,.2))}.shadow-glow{box-shadow:0 0 15px var(--primary-glow)}.shadow-glow-2xl{box-shadow:0 0 60px var(--primary-glow)}.shadow-2xl{box-shadow:0 25px 50px -12px #00000080}.shadow-inner{box-shadow:inset 0 2px 4px #0000004d}.shadow-success\/30{box-shadow:0 0 15px #10b9814d}.shadow-warning\/30{box-shadow:0 0 15px #f59e0b4d}.shadow-danger\/30{box-shadow:0 0 15px #ef44444d}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.backdrop-blur-\[40px\]{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.select-none{-webkit-user-select:none;user-select:none}.select-all{-webkit-user-select:all;user-select:all}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.group:hover .group-hover\:opacity-20{opacity:.2}.group:hover .group-hover\:scale-110{transform:scale(1.1)}.hover\:text-white:hover{color:#fff}.hover\:text-danger:hover{color:var(--danger)}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.badge-secondary{background-color:var(--bg-panel-light);color:var(--text-secondary);border:1px solid var(--border)}.w-3{width:.75rem}.h-3{height:.75rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-20{width:5rem}.h-20{height:5rem}.w-96{width:24rem}.h-96{height:24rem}.w-px{width:1px}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-2{height:.5rem}.h-12{height:3rem}.w-2{width:.5rem}.min-w-\[160px\]{min-width:160px}.min-h-0{min-height:0}.max-w-sm{max-width:24rem}.max-w-lg{max-width:32rem}@media(min-width:640px){.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:flex-none{flex:none}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:p-10{padding:2.5rem}.md\:p-12{padding:3rem}.md\:text-5xl{font-size:3rem;line-height:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes bounce{0%,to{transform:translateY(-5%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.ease-linear{transition-timing-function:linear}.bg-grid-pattern{background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px}.blur-3xl{filter:blur(64px)}.blur-2xl{filter:blur(40px)}.blur{filter:blur(8px)}.max-w-6xl{max-width:72rem}.inline-flex{display:inline-flex}.-translate-x-1\/2{transform:translate(-50%)}.-translate-y-1\/2{transform:translateY(-50%)}.translate-x-1,.group-hover\:translate-x-1:hover{transform:translate(.25rem)}.top-1\/2{top:50%}.left-1\/2{left:50%}.space-y-6>*+*{margin-top:1.5rem}.space-y-2>*+*{margin-top:.5rem}.-inset-1{inset:-.25rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.h-14{height:3.5rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.pl-12{padding-left:3rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color)}.focus\:ring-primary\/20:focus{--tw-ring-color: rgba(99, 102, 241, .2)}.outline-none{outline:none}.placeholder-text-muted::placeholder{color:var(--text-muted)}.group-focus-within\:text-primary:focus-within{color:var(--primary)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.border-t-white{border-top-color:#fff}.border-white\/30{border-color:#ffffff4d}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-primary{--tw-gradient-from: var(--primary);--tw-gradient-to: rgba(99, 102, 241, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-accent{--tw-gradient-stops: var(--tw-gradient-from), var(--accent), var(--tw-gradient-to)}.to-primary{--tw-gradient-to: var(--primary)}.to-transparent{--tw-gradient-to: transparent}.from-accent\/5{--tw-gradient-from: rgba(236, 72, 153, .05);--tw-gradient-to: rgba(236, 72, 153, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-success\/5{--tw-gradient-from: rgba(16, 185, 129, .05);--tw-gradient-to: rgba(16, 185, 129, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-bg-dark{--tw-gradient-from: var(--bg-dark);--tw-gradient-to: rgba(15, 17, 21, 0);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-bg-panel{--tw-gradient-stops: var(--tw-gradient-from), var(--bg-panel), var(--tw-gradient-to)}.to-bg-dark{--tw-gradient-to: var(--bg-dark)}.border-accent\/10{border-color:#ec48991a}.border-accent\/30{border-color:#ec48994d}.border-success\/10{border-color:#10b9811a}.border-success\/30{border-color:#10b9814d}.hover\:border-primary\/30:hover{border-color:#6366f14d}.hover\:border-accent\/30:hover{border-color:#ec48994d}.hover\:border-success\/30:hover{border-color:#10b9814d}.bg-accent\/10{background-color:#ec48991a}.bg-accent\/20{background-color:#ec489933}.group-hover\:bg-primary\/20:hover{background-color:#6366f133}.group-hover\:bg-accent\/20:hover{background-color:#ec489933}.group-hover\:bg-success\/20:hover{background-color:#10b98133}.text-accent{color:var(--accent)}.text-red-400{color:#f87171}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:p-10{padding:2.5rem}}.duration-300{transition-duration:.3s}.duration-1000{transition-duration:1s}.group-hover\:opacity-30:hover{opacity:.3}.focus\:border-primary:focus{border-color:var(--primary)}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-4{padding-top:1rem}.bg-bg-panel{background-color:var(--bg-panel)}.items-start{align-items:flex-start}.font-semibold{font-weight:600}.mb-1{margin-bottom:.25rem}.hover\:shadow-glow:hover{box-shadow:0 0 15px var(--primary-glow)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.hover\:text-primary-hover:hover{color:var(--primary-hover)}.btn-danger{background:linear-gradient(135deg,var(--danger) 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 14px #ef444466}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444499;background:linear-gradient(135deg,#f87171,#ef4444)}.btn-danger:active:not(:disabled){transform:translateY(0)}@keyframes gridFloat{0%,to{transform:translate(0)}25%{transform:translate(200px,100px)}50%{transform:translate(100px,250px)}75%{transform:translate(-100px,150px)}}.bg-animated-grid{position:fixed;top:-50%;left:-50%;width:200vw;height:200vh;z-index:-1;background-color:var(--bg-dark);background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(at 0% 0%,rgba(99,102,241,.15) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(236,72,153,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(16,185,129,.05) 0px,transparent 50%);background-size:50px 50px,50px 50px,100% 100%,100% 100%,100% 100%;animation:gridFloat 25s ease-in-out infinite}