.auth{--bg:#F4F0E8;--surface:#FBF9F5;--ink:#1B1A19;--ink-2:#4A453F;--ink-3:#6B655D;--line:#E4DDD1;--field:#C9C2B8;--brand:#1B1A19;--brand-hover:#2A2724;--brand-tint:#FBE4DC;--brand-ink:#1B1A19;--accent:#E2553A;--accent-ink:#B23A1E;--danger:#C4371F;--ring:0 0 0 3px rgba(226,85,58,.28);min-height:100vh;background:var(--bg);color:var(--ink);display:grid;grid-template-columns:1fr;font-size:14px;line-height:1.5}.auth-side{display:none}.auth-main{align-items:center;justify-content:center;padding:32px max(16px,env(safe-area-inset-right,0px)) 40px max(16px,env(safe-area-inset-left,0px))}.auth-card,.auth-main{display:flex;flex-direction:column}.auth-card{width:min(420px,100%);gap:18px}.auth-brand{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none;margin-bottom:8px}.auth h1{font-family:var(--font-display,"Unbounded"),sans-serif;font-size:26px;line-height:1.1;font-weight:600;letter-spacing:-.04em;margin:0}.auth .sub{color:var(--ink-2);margin:6px 0 0}.auth form{gap:14px}.auth .field,.auth form{display:flex;flex-direction:column}.auth .field{gap:5px}.auth label{font-size:13px;font-weight:500}.auth input,.auth select{border:1px solid var(--field);border-radius:10px;padding:10px 12px;min-height:42px;background:var(--surface);font:inherit;color:inherit;width:100%}.auth input:focus,.auth select:focus{outline:0;border-color:var(--brand);box-shadow:var(--ring)}.auth .prefix{display:flex;align-items:center;border:1px solid var(--field);border-radius:10px;background:var(--surface);overflow:hidden}.auth .prefix span{padding-left:12px;color:var(--ink-3);white-space:nowrap}.auth .prefix input{border:0;box-shadow:none;padding-left:2px}.auth .prefix.suffix input{padding-left:12px;padding-right:2px;text-align:right}.auth .prefix.suffix span{padding-left:0;padding-right:12px}.auth .prefix:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.auth .help{font-size:12.5px;color:var(--ink-3)}.auth .help.ok{color:#2E5A33}.auth .err,.auth .help.bad{color:var(--danger);font-size:12.5px}.auth .bad .prefix,.auth .bad input,.auth .bad select{border-color:var(--danger)}.auth .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth .btn{border:0;border-radius:12px;background:var(--brand);color:var(--bg);font:inherit;font-weight:600;font-size:15px;min-height:46px;cursor:pointer;box-shadow:0 1px 2px rgba(20,19,18,.3)}.auth .btn:hover{background:var(--brand-hover)}.auth .btn:disabled{opacity:.6;cursor:wait}.auth .alt{text-align:center;color:var(--ink-2)}.auth a{color:var(--accent-ink);font-weight:500}.auth .notice{background:var(--brand-tint);color:var(--brand-ink)}.auth .alert,.auth .notice{border-radius:12px;padding:12px 14px}.auth .alert{background:#FDE7E5;color:#A12A1E}.auth .fine{font-size:12px;color:var(--ink-3);text-align:center}@media (min-width:960px){.auth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-side{display:flex;flex-direction:column;justify-content:space-between;background:#1B1A19;color:#F4F0E8;padding:48px;position:relative;overflow:hidden}.auth-side h2{font-size:40px;line-height:1.05;font-weight:600;letter-spacing:-.04em;margin:0;max-width:14ch;font-family:var(--font-display,"Unbounded"),sans-serif}.auth-side h2 em{font-style:normal;color:#E2553A}.auth-side p{color:#A8A097;max-width:40ch}.auth-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.auth-side li{display:flex;gap:10px;align-items:center;color:#E6DFD3}.auth-side li:before{content:"";width:18px;height:18px;border-radius:50%;background:#E2553A url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-5' fill='none' stroke='%231B1A19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/100% no-repeat;flex:none}}.auth select{appearance:none;cursor:pointer;padding-right:34px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23716A63' stroke-width='1.8'%3E%3Cpath d='M6 8l4 4 4-4'/%3E%3C/svg%3E") right 10px center/16px no-repeat}