@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root,[data-theme=dark]{--bg-dark:#030014;--bg-dark-accent:#0a0a1a;--bg-card:#0f0f2399;--bg-card-hover:#1e1e3ccc;--bg-input:#0d0b1e;--bg-code:#0a0a1eb3;--bg-overlay:#030014d9;--primary:#a78bfa;--primary-rgb:167, 139, 250;--primary-glow:#a78bfa26;--primary-intense:#a78bfa59;--secondary:#38bdf8;--secondary-glow:#38bdf826;--accent:#f472b6;--accent-glow:#f472b626;--text-main:#f1f5f9;--text-muted:#94a3b8;--text-accent:#e2e8f0;--text-inverse:#030014;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--border-light:#a78bfa1f;--border-primary:#a78bfa59;--shadow-glass:0 8px 32px #0006;--shadow-glow:0 0 30px #a78bfa40, 0 0 60px #a78bfa1a;--shadow-glow-intense:0 0 40px #a78bfa59, 0 0 80px #a78bfa26;--nav-bg:#030014d9;--nav-border:#a78bfa14;--checkbox-bg:#0a0a1e99}[data-theme=light]{--bg-dark:#f4f2ff;--bg-dark-accent:#ece9fc;--bg-card:#ffffffe0;--bg-card-hover:#fffffff2;--bg-input:#fff;--bg-code:#f5f3ff;--bg-overlay:#0f0a2873;--primary:#7c3aed;--primary-rgb:124, 58, 237;--primary-glow:#7c3aed1a;--primary-intense:#7c3aed33;--secondary:#0ea5e9;--secondary-glow:#0ea5e91a;--accent:#ec4899;--accent-glow:#ec48991a;--text-main:#1e1b4b;--text-muted:#6b7280;--text-accent:#312e81;--text-inverse:#fff;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--border-light:#7c3aed26;--border-primary:#7c3aed59;--shadow-glass:0 4px 24px #7c3aed0f, 0 1px 3px #0000000f;--shadow-glow:0 0 24px #7c3aed1f, 0 4px 16px #7c3aed0f;--shadow-glow-intense:0 0 36px #7c3aed2e, 0 8px 32px #7c3aed1a;--nav-bg:#f4f2ffe0;--nav-border:#7c3aed1a;--checkbox-bg:#fff}:root{--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--border-radius-sm:10px;--border-radius-md:16px;--border-radius-lg:24px;--transition-fast:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.68, -.55, .27, 1.55)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;font-weight:600}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary);filter:brightness(1.2);text-shadow:0 0 12px var(--primary-glow)}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.title-glow{background:linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:6s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:var(--border-radius-md);box-shadow:var(--shadow-glass);transition:background .3s,border-color .3s}.glass-card{padding:var(--spacing-lg);transition:transform var(--transition-bounce), box-shadow var(--transition-smooth), border-color var(--transition-smooth);position:relative;overflow:hidden}.glass-card:before{content:"";background:linear-gradient(90deg, transparent, rgba(var(--primary-rgb), .4), transparent);opacity:0;height:1px;transition:opacity var(--transition-smooth);position:absolute;top:0;left:0;right:0}.glass-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-glow);transform:translateY(-6px)}.glass-card:hover:before{opacity:1}.form-group{margin-bottom:var(--spacing-md);position:relative}.form-label{color:var(--text-muted);margin-bottom:.4rem;font-size:.875rem;font-weight:500;display:block}.form-input{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);width:100%;color:var(--text-main);transition:all var(--transition-smooth);padding:.8rem 1rem;font-family:Inter,sans-serif;font-size:.95rem}.form-input::placeholder{color:var(--text-muted);opacity:.5}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb), .15), 0 0 20px rgba(var(--primary-rgb), .1);background:var(--bg-input);outline:none}.form-input.input-error{border-color:var(--danger);box-shadow:0 0 0 3px #f8717126}.form-input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}.form-input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}.form-input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}.form-input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--bg-input) inset!important;-webkit-text-fill-color:var(--text-main)!important;box-shadow:0 0 0 1000px var(--bg-input) inset!important;caret-color:var(--text-main)!important}input[type=checkbox]{appearance:none;background:var(--checkbox-bg);border:1px solid var(--border-light);cursor:pointer;width:20px;height:20px;transition:all var(--transition-fast);border-radius:4px;position:relative}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{content:"✓";color:var(--text-inverse);font-size:12px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}textarea{background:var(--bg-input)!important;color:var(--text-main)!important;border-color:var(--border-light)!important}textarea:focus{outline:none;border-color:var(--primary)!important}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:3rem}.password-toggle{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.field-error{color:var(--danger);align-items:center;gap:.3rem;margin-top:.3rem;font-size:.78rem;animation:.25s fadeIn;display:flex}.password-rules{flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.password-rule{color:var(--text-muted);transition:color var(--transition-fast);align-items:center;gap:.4rem;font-size:.78rem;display:flex}.password-rule.met{color:var(--success)}.password-rule.unmet{color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg, var(--primary), #818cf8, var(--secondary));color:var(--text-inverse);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-smooth);background-size:200% 200%;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.8rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;animation:4s infinite gradientShift;display:inline-flex;position:relative;overflow:hidden}[data-theme=light] .btn-primary{color:#fff}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:100%;height:100%;transition:left .7s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:var(--shadow-glow-intense);transform:translateY(-2px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:disabled:hover{box-shadow:none;transform:none}.btn-secondary{background:rgba(var(--primary-rgb), .08);color:var(--text-main);border:1px solid var(--border-light);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-smooth);padding:.8rem 1.5rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500}.btn-secondary:hover{background:rgba(var(--primary-rgb), .15);border-color:var(--border-primary);box-shadow:0 0 20px rgba(var(--primary-rgb), .1)}.theme-toggle{border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:.4rem;display:flex}.theme-toggle:hover{color:var(--primary);border-color:var(--border-primary);background:rgba(var(--primary-rgb), .08);box-shadow:0 0 12px rgba(var(--primary-rgb), .15)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s forwards fadeIn}@keyframes floatPath{0%{opacity:.2;transform:translateY(0)rotate(0)}50%{opacity:.5;transform:translateY(-30px)rotate(3deg)}to{opacity:.2;transform:translateY(0)rotate(0)}}.animated-path{z-index:-1;pointer-events:none;animation:12s ease-in-out infinite floatPath;position:absolute}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes heroGlow{0%,to{box-shadow:0 0 30px rgba(var(--primary-rgb), .2)}50%{box-shadow:0 0 50px rgba(var(--primary-rgb), .35), 0 0 80px rgba(var(--primary-rgb), .15)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{z-index:50;flex-direction:column;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{border-radius:var(--border-radius-sm);background:var(--bg-dark-accent);border-left:4px solid var(--primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-main);align-items:center;gap:.75rem;padding:1rem 1.5rem;animation:.3s forwards fadeIn;display:flex;box-shadow:0 4px 20px #0000004d}.toast.error{border-left-color:var(--danger)}.toast.success{border-left-color:var(--success)}.channel-card{transition:transform .4s,box-shadow .4s,border-color .3s!important}.channel-card:hover{box-shadow:var(--shadow-glow);border-color:var(--border-primary);transform:translateY(-6px)!important}.channel-featured:hover{box-shadow:var(--shadow-glow-intense)!important;transform:translateY(-16px)!important}.hero-cta{animation:4s infinite gradientShift,3s ease-in-out infinite heroGlow!important}code{background:var(--bg-code);color:var(--text-main);transition:background .3s}pre{background:var(--bg-code)!important}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:rgba(var(--primary-rgb), .3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-rgb), .5)}::selection{background:rgba(var(--primary-rgb), .3);color:var(--text-main)}@media (width<=768px){h1{font-size:2.5rem!important}.stat-card{min-width:120px!important;padding:1rem 1.25rem!important}}