.auth-page{--a-bg:#faf7f0;--a-bg-elev:#fff;--a-bg-warm:#f3efe5;--a-text:#1a1812;--a-text-dim:#6b6459;--a-text-mute:#a09887;--a-border:#e8e2d4;--a-accent:#a0e000;--a-accent-dark:#6b9500;--a-accent-ink:#2a3a00;--a-accent-soft:#a0e00024;background:var(--a-bg);min-height:100vh;color:var(--a-text);font-family:var(--font-outfit), sans-serif;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";filter:blur(90px);pointer-events:none;z-index:0;border-radius:50%;width:500px;height:500px;position:absolute}.auth-page:before{background:var(--a-accent);opacity:.15;top:-150px;left:-150px}.auth-page:after{opacity:.1;background:#f4a261;bottom:-200px;right:-150px}.auth-wrap{z-index:1;width:100%;max-width:440px;position:relative}.auth-brand{color:var(--a-text);justify-content:center;align-items:center;gap:10px;margin-bottom:32px;text-decoration:none;display:flex}.auth-brand-mark{background:var(--a-accent);width:36px;height:36px;color:var(--a-accent-ink);font-family:var(--font-unbounded), sans-serif;border-radius:10px;justify-content:center;align-items:center;font-size:18px;font-weight:700;display:flex}.auth-brand-name{font-family:var(--font-unbounded), sans-serif;letter-spacing:-.02em;color:var(--a-text);font-size:24px;font-weight:600}.auth-head{text-align:center;margin-bottom:28px}.auth-title{font-family:var(--font-unbounded), sans-serif;letter-spacing:-.025em;margin:0 0 6px;font-size:28px;font-weight:600;line-height:1.15}.auth-sub{font-family:var(--font-fraunces), serif;color:var(--a-accent-dark);margin:0;font-size:17px;font-style:italic;font-weight:400}.auth-sub-plain{color:var(--a-text-dim);margin:0;font-size:14px}.auth-card{background:var(--a-bg-elev);border:1px solid var(--a-border);border-radius:20px;flex-direction:column;gap:18px;padding:32px 28px;display:flex;box-shadow:0 30px 60px -20px #1a18121a,0 10px 20px -10px #1a18120d}.auth-field label{text-transform:uppercase;letter-spacing:.06em;color:var(--a-text-mute);margin-bottom:8px;font-size:11.5px;font-weight:600;display:block}.auth-input{width:100%;font-family:var(--font-outfit), sans-serif;background:var(--a-bg-warm);color:var(--a-text);border:1px solid var(--a-border);border-radius:12px;outline:none;padding:13px 16px;font-size:15px;transition:border-color .15s,background .15s,box-shadow .15s}.auth-input::placeholder{color:var(--a-text-mute)}.auth-input:focus{border-color:var(--a-accent-dark);box-shadow:0 0 0 3px var(--a-accent-soft);background:#fff}.auth-pass-wrap{position:relative}.auth-pass-toggle{cursor:pointer;color:var(--a-text-mute);background:0 0;border:none;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-pass-toggle:hover{color:var(--a-text)}.auth-error{color:#a13316;background:#fff4f1;border:1px solid #f5c7bd;border-radius:10px;padding:12px 14px;font-size:13.5px}.auth-btn{width:100%;font-family:var(--font-outfit), sans-serif;letter-spacing:-.005em;cursor:pointer;isolation:isolate;background:#0a0a0a;border:none;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:14px 18px;font-size:15px;font-weight:600;transition:all .22s cubic-bezier(.2,.9,.2,1);display:inline-flex;position:relative;overflow:visible;color:#fff!important}.auth-btn:after{content:"";background:var(--a-accent);z-index:1;border-radius:0 0 4px 4px;height:5px;transition:all .22s cubic-bezier(.2,.9,.2,1);position:absolute;bottom:-5px;left:6px;right:6px}.auth-btn>*{z-index:2;position:relative}.auth-btn svg{transition:transform .22s}.auth-btn:hover:not(:disabled){background:var(--a-accent);transform:translateY(-2px);color:#0a0a0a!important}.auth-btn:hover:not(:disabled):after{background:#0a0a0a;height:7px;bottom:-7px;left:0;right:0}.auth-btn:hover:not(:disabled) svg{transform:translate(4px)}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-foot{text-align:center;color:var(--a-text-dim);margin-top:18px;font-size:14px}.auth-foot a{color:var(--a-accent-dark);font-weight:600;text-decoration:none;transition:color .15s}.auth-foot a:hover{color:var(--a-text);text-decoration:underline}.auth-back{color:var(--a-text-dim);z-index:2;align-items:center;gap:6px;font-size:13px;text-decoration:none;transition:color .15s;display:inline-flex;position:absolute;top:24px;left:24px}.auth-back:hover{color:var(--a-text)}