:root{--bg:#0b0d12;--bg-2:#111420;--bg-3:#181c2a;--surface:#1a1f30;--surface-2:#222840;--border:#ffffff12;--border-hover:#ffffff24;--accent:#7c5cfc;--accent-2:#a855f7;--accent-glow:#7c5cfc59;--accent-light:#c4b5fd;--amber:#f59e0b;--green:#10b981;--rose:#e11d48;--cyan:#06b6d4;--text:#f0f2ff;--text-2:#a8b0cc;--text-3:#606880;--font-head:"Segoe UI", "Trebuchet MS", sans-serif;--font-body:"Segoe UI", system-ui, sans-serif;--radius:14px;--radius-sm:8px;--radius-lg:20px;--radius-xl:28px;--ease:cubic-bezier(.22, 1, .36, 1);--t-fast:.15s var(--ease);--t:.28s var(--ease)}[data-theme=light]{--bg:#f4f5fb;--bg-2:#eaecf6;--bg-3:#dfe2f0;--surface:#fff;--surface-2:#e8eaf4;--border:#00000017;--border-hover:#0000002e;--accent:#6344e8;--accent-2:#9333ea;--accent-glow:#6344e840;--accent-light:#7c5cfc;--amber:#d97706;--green:#059669;--rose:#e11d48;--cyan:#0891b2;--text:#0f1124;--text-2:#3d4466;--text-3:#8890b0}*,:before,:after{box-sizing:border-box;transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}*{margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}input,select,textarea,button{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:99px}.btn{border-radius:var(--radius-sm);font-family:var(--font-head);cursor:pointer;transition:all var(--t);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 4px 20px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 28px #7c5cfc80}.btn-outline{color:var(--text-2);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--border-hover);color:var(--text)}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--text-2);font-size:.83rem;font-weight:600}.input-wrap{align-items:center;display:flex;position:relative}.input-wrap>i{color:var(--text-3);pointer-events:none;transition:color var(--t-fast);font-size:.9rem;position:absolute;left:14px}.input-wrap input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:11px 14px 11px 40px}.input-wrap input::placeholder{color:var(--text-3)}.input-wrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.input-wrap input:focus+i,.input-wrap:focus-within>i{color:var(--accent-light)}.input-wrap.right-icon input{padding-left:40px;padding-right:40px}.input-wrap .right-btn{cursor:pointer;color:var(--text-3);transition:color var(--t-fast);background:0 0;border:none;padding:4px;font-size:.85rem;position:absolute;right:12px}.input-wrap .right-btn:hover{color:var(--accent-light)}.input-error{border-color:var(--rose)!important;box-shadow:0 0 0 3px #e11d4826!important}.field-error{color:var(--rose);margin-top:3px;font-size:.75rem}.gradient-text{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-2) 50%, var(--amber) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}