:root{--auth-bg:#080c14;--auth-card:#0f1623;--auth-border:rgba(99,102,241,.25);--auth-text:#f1f5f9;--auth-muted:#64748b;--auth-accent:#6366f1;--auth-accent2:#0ea5e9;--auth-error:#ef4444;--auth-success:#22c55e;--auth-input-bg:#1e2d3d;--auth-input-border:rgba(99,102,241,.3);--auth-input-focus:#6366f1;--radius:16px;--radius-sm:10px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}.auth-body{align-items:center;background:var(--auth-bg);color:var(--auth-text);display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:24px 16px;position:relative}.auth-bg{inset:0;pointer-events:none;position:fixed;z-index:0}.auth-bg-orb{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.auth-bg-orb--1{background:radial-gradient(circle,#6366f1,transparent);height:500px;right:-100px;top:-150px;width:500px}.auth-bg-orb--2{background:radial-gradient(circle,#0ea5e9,transparent);bottom:-100px;height:400px;left:-80px;width:400px}.auth-bg-grid{background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 0);background-size:40px 40px;inset:0;position:absolute}.auth-container{max-width:440px;position:relative;width:100%;z-index:1}.auth-card{backdrop-filter:blur(20px);background:var(--auth-card);border:1px solid var(--auth-border);border-radius:var(--radius);box-shadow:0 25px 60px rgba(0,0,0,.5),inset 0 0 0 1px rgba(99,102,241,.1);padding:40px 36px}.auth-logo{font-weight:700;gap:10px;margin-bottom:24px}.auth-logo,.logo-icon{align-items:center;display:flex;font-size:18px}.logo-icon{background:linear-gradient(135deg,var(--auth-accent),var(--auth-accent2));border-radius:10px;height:38px;justify-content:center;width:38px}.auth-title{font-size:26px;font-weight:800;margin-bottom:6px}.auth-subtitle{color:var(--auth-muted);font-size:14px;margin-bottom:28px}.auth-back{color:var(--auth-muted);display:inline-block;font-size:13px;margin-bottom:16px;text-decoration:none}.auth-back:hover{color:var(--auth-text)}.alert{align-items:flex-start;border-radius:var(--radius-sm);display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:14px 16px}.alert-icon{flex-shrink:0;font-size:16px;margin-top:1px}.alert-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.alert-success{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:#86efac}.auth-form{gap:20px}.auth-form,.field-group{display:flex;flex-direction:column}.field-group{gap:8px}.field-label{align-items:center;color:#94a3b8;display:flex;font-size:13px;font-weight:600;justify-content:space-between}.field-label-link{color:var(--auth-accent);font-weight:400;text-decoration:none}.field-label-link:hover{text-decoration:underline}.field-wrap{position:relative}.field-icon{color:var(--auth-muted);font-size:15px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.field-input{background:var(--auth-input-bg);border:1px solid var(--auth-input-border);border-radius:var(--radius-sm);color:var(--auth-text);font-size:15px;outline:none;padding:13px 16px 13px 42px;transition:border-color .2s,box-shadow .2s;width:100%}.field-input:focus{border-color:var(--auth-input-focus);box-shadow:0 0 0 3px rgba(99,102,241,.15)}.field-input::placeholder{color:var(--auth-muted)}.field-toggle-pw{background:none;border:none;color:var(--auth-muted);cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.field-toggle-pw:hover{color:var(--auth-text)}.checkbox-label{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;gap:10px;user-select:none}.checkbox-label input{display:none}.checkbox-custom{background:var(--auth-input-bg);border:1.5px solid var(--auth-input-border);border-radius:5px;flex-shrink:0;height:18px;transition:all .2s;width:18px}.checkbox-label input:checked~.checkbox-custom{background:var(--auth-accent);border-color:var(--auth-accent)}.checkbox-label input:checked~.checkbox-custom:after{color:#fff;content:"✓";display:block;font-size:12px;line-height:16px;text-align:center}.btn-auth{align-items:center;background:linear-gradient(135deg,var(--auth-accent),var(--auth-accent2));border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-top:4px;padding:14px 20px;transition:opacity .2s,transform .15s;width:100%}.btn-auth:hover{opacity:.9}.btn-auth:active{transform:scale(.99)}.btn-arrow{font-size:18px;transition:transform .2s}.btn-auth:hover .btn-arrow{transform:translateX(4px)}.pw-strength{margin-top:-8px}.pw-strength-bar{background:#1e293b;border-radius:2px;height:4px;overflow:hidden;transition:all .3s}.pw-strength-bar:after{background:var(--pw-color,#ef4444);border-radius:2px;content:"";display:block;height:100%;transition:all .3s;width:var(--pw-width,0)}.pw-strength-label{color:var(--auth-muted);display:block;font-size:11px;margin-top:4px}.auth-footer{color:var(--auth-muted);font-size:13px;margin-top:20px;text-align:center}.auth-footer a{color:var(--auth-accent);text-decoration:none}.form-error{color:#fca5a5;font-size:12px;margin-top:4px}ul.form-error{padding-left:16px}.auth-switch{color:var(--auth-muted);font-size:13px;margin-top:18px;text-align:center}.auth-switch a{color:var(--auth-accent);font-weight:600;text-decoration:none}.auth-switch a:hover{text-decoration:underline}