@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-primary:#6c63ff;--color-primary-light:color-mix(in srgb, var(--color-primary) 80%, white);--color-primary-dark:color-mix(in srgb, var(--color-primary) 80%, black);--color-primary-glow:color-mix(in srgb, var(--color-primary) 35%, transparent);--color-accent:#00d9c0;--color-accent-light:#33e5d0;--color-accent-dark:#00b5a0;--color-accent-glow:#00d9c04d;--color-bg:#090912;--color-surface:#111120;--color-surface-2:#181830;--color-surface-3:#1f1f3a;--color-glass:#ffffff0a;--color-glass-border:#ffffff14;--color-text:#e8e8f0;--color-text-muted:#9090b0;--color-text-faint:#5050708;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--gradient-primary:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-accent:linear-gradient(135deg, #00d9c0 0%, #00b5ff 100%);--gradient-dark:linear-gradient(180deg, #111120 0%, #090912 100%);--gradient-hero:linear-gradient(135deg, #0d0d20 0%, #1a1040 50%, #0d1520 100%);--gradient-card:linear-gradient(145deg, #ffffff0d 0%, #ffffff03 100%);--font-sans:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-primary:0 8px 32px color-mix(in srgb, var(--color-primary) 25%, transparent);--shadow-accent:0 8px 32px #00d9c033;--shadow-glow:0 0 60px color-mix(in srgb, var(--color-primary) 15%, transparent);--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease;--sidebar-width:260px;--header-height:64px;--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding-inline:var(--space-6);margin-inline:auto}.section{padding-block:var(--space-24)}.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-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-gradient{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.heading-hero{letter-spacing:-.02em;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1}.heading-xl{font-size:var(--font-size-4xl);letter-spacing:-.01em;font-weight:700;line-height:1.2}.heading-lg{font-size:var(--font-size-3xl);font-weight:700;line-height:1.3}.heading-md{font-size:var(--font-size-2xl);font-weight:600;line-height:1.4}.text-muted{color:var(--color-text-muted)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;border:none;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:#ffffff1a;position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover:before{opacity:0}.btn:disabled:active{transform:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 40px #6c63ff66}.btn-accent{background:var(--gradient-accent);color:#0a0a15;box-shadow:var(--shadow-accent);font-weight:700}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 12px 40px #00d9c059}.btn-ghost{background:var(--color-glass);color:var(--color-text);border:1px solid var(--color-glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-ghost:hover{background:#ffffff14;border-color:#fff3}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary-glow)}.btn-danger{color:var(--color-error);background:#ef444426;border:1px solid #ef44444d}.btn-danger:hover{background:#ef444440}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);width:36px;height:36px}.btn-loading{opacity:.7;cursor:wait;pointer-events:none}.card{background:var(--gradient-card);border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);padding:var(--space-6);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition-normal), box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);border-color:#ffffff24}.card-glass{border:1px solid var(--color-glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);background:#ffffff0d;outline:none}.form-input::placeholder{color:#9090b080}.form-input:focus{border-color:var(--color-primary);background:#6c63ff14;box-shadow:0 0 0 3px #6c63ff26}.form-input:focus-visible{border-color:var(--color-primary)}.form-input.error{border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{font-size:var(--font-size-xs);color:var(--color-error);align-items:center;gap:var(--space-1);display:flex}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239090B0' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-select option{background:var(--color-surface);color:var(--color-text)}.form-textarea{resize:vertical;min-height:100px}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;display:inline-flex}.badge-primary{color:var(--color-primary-light);background:#6c63ff33;border:1px solid #6c63ff4d}.badge-success{color:var(--color-success);background:#22c55e26;border:1px solid #22c55e40}.badge-warning{color:var(--color-warning);background:#f59e0b26;border:1px solid #f59e0b40}.badge-error{color:var(--color-error);background:#ef444426;border:1px solid #ef444440}.badge-neutral{color:var(--color-text-muted);border:1px solid var(--color-glass-border);background:#ffffff12}.alert{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);align-items:flex-start;gap:var(--space-3);display:flex}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440}.alert-success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e40}.divider{background:var(--color-glass-border);width:100%;height:1px}.divider-text{align-items:center;gap:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-sm);display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--color-glass-border);flex:1;height:1px}.dot-live{background:var(--color-success);border-radius:50%;width:8px;height:8px;position:relative}.dot-live:after{content:"";background:#22c55e4d;border-radius:50%;animation:2s ease-in-out infinite pulse-dot;position:absolute;inset:-4px}@keyframes pulse-dot{0%,to{opacity:.8;transform:scale(.8)}50%{opacity:0;transform:scale(1.4)}}.spinner{border:2px solid #fff3;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.animate-fade-up{animation:.5s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-scale-in{animation:.3s forwards scaleIn}.animate-float{animation:4s ease-in-out infinite float}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.glow-orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.glow-primary{background:color-mix(in srgb, var(--color-primary) 25%, transparent)}.glow-accent{background:#00d9c026}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#fff3}::selection{color:#fff;background:#6c63ff59}@media (max-width:768px){.container{padding-inline:var(--space-4)}.section{padding-block:var(--space-16)}.heading-hero{font-size:clamp(2rem,8vw,3rem)}}