@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root,html[data-theme=dark]{--bg-color:#0f111a;--surface-color:#191c29b3;--surface-hover:#232637d9;--nav-bg:#0f111ad9;--footer-bg:#0a0c16;--footer-banner-bg:#0f111a99;--mega-menu-bg:#111422;--input-bg:#191c29e6;--kbd-bg:#ffffff14;--text-main:#f8fafc;--text-muted:#94a3b8;--border-color:#ffffff14;--card-border:#ffffff14;--primary-accent:#8b5cf6;--secondary-accent:#ec4899;--success-color:#10b981;--error-color:#ef4444;--amber-text:#f59e0b;--amber-callout-bg:#eab3081f;--amber-callout-border:#eab30859;--amber-callout-text:#fef08a;--amber-callout-subtext:#fef9c3;--amber-callout-strong:#fff;--glass-shadow:0 8px 32px 0 #0000005e;--neon-glow:0 0 20px #8b5cf666;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light],body.light-theme{--bg-color:#f8fafc;--surface-color:#ffffffd9;--surface-hover:#f1f5f9f2;--nav-bg:#ffffffe0;--footer-bg:#f1f5f9;--footer-banner-bg:#f8fafcd9;--mega-menu-bg:#fff;--input-bg:#fff;--kbd-bg:#0000000f;--text-main:#0f172a;--text-muted:#64748b;--border-color:#00000017;--card-border:#00000014;--primary-accent:#7c3aed;--secondary-accent:#db2777;--success-color:#059669;--error-color:#dc2626;--amber-text:#b45309;--amber-callout-bg:#fffbeb;--amber-callout-border:#d9770659;--amber-callout-text:#92400e;--amber-callout-subtext:#b45309;--amber-callout-strong:#78350f;--glass-shadow:0 10px 30px 0 #0000000f;--neon-glow:0 0 20px #7c3aed40;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);background-image:radial-gradient(circle at 15%,#8b5cf626,#0000 25%),radial-gradient(circle at 85% 30%,#ec489926,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;transition:background-color .3s,color .3s}html[data-theme=light] body,body.light-theme{background-image:radial-gradient(circle at 15%,#7c3aed12,#0000 30%),radial-gradient(circle at 85% 30%,#db277712,#0000 30%)}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.glass-card{background:var(--surface-color);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);backface-visibility:hidden;will-change:transform;padding:32px;transition:background .3s,border-color .3s,box-shadow .3s,transform .2s;transform:translateZ(0)}.gradient-text{background:linear-gradient(135deg, var(--primary-accent) 0%, var(--secondary-accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary-accent) 0%, #7c3aed 100%);color:#fff;box-shadow:0 4px 14px #8b5cf663}.btn-primary:hover:not(:disabled){box-shadow:var(--neon-glow);transform:translateY(-2px)}.btn-primary:disabled{color:#94a3b8;cursor:not-allowed;box-shadow:none;background:#334155}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:#8b5cf659}.btn-secondary.active{border-color:var(--primary-accent);color:var(--primary-accent);background:#8b5cf626}.slider-container{margin:24px 0}.slider-container label{color:var(--text-muted);justify-content:space-between;margin-bottom:12px;font-weight:500;display:flex}.slider-container label span{color:var(--primary-accent);font-weight:700}input[type=range]{width:100%;accent-color:var(--primary-accent);-webkit-appearance:none;background:#7d7d7d33;border-radius:8px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary-accent);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 0 10px #8b5cf680}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}select,.select-premium{color-scheme:normal}.select-premium{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);cursor:pointer;outline:none;padding:12px 16px;font-family:Outfit,sans-serif;font-size:15px}.select-premium:focus{border-color:var(--primary-accent)}select option,.select-premium option{background-color:var(--mega-menu-bg);color:var(--text-main);padding:8px 12px}input[type=text],input[type=password],input[type=email],textarea{color:var(--text-main);background:var(--input-bg);border:1px solid var(--border-color);transition:var(--transition);font-family:Outfit,sans-serif}input[type=text]::placeholder,input[type=password]::placeholder,input[type=email]::placeholder,textarea::placeholder{color:var(--text-muted);opacity:.8}.notice-amber{line-height:1.5;background:var(--amber-callout-bg)!important;border:1px solid var(--amber-callout-border)!important;color:var(--amber-callout-text)!important}.notice-amber strong,.notice-amber b{color:var(--amber-callout-strong)!important}.notice-amber em{font-style:italic;font-weight:500}