.auth-page{--auth-canvas:#fff8ee;--auth-text:#3a241a;--auth-muted:#796c62;--auth-border:#e9dfd4;--auth-action:#b64a12;box-sizing:border-box;background:var(--auth-canvas);min-height:100svh;color:var(--auth-text);padding:32px 40px 50px;font-family:inherit;font-size:16px;line-height:1.6}.auth-page *{box-sizing:border-box}.auth-page a{color:inherit;text-decoration:none}.auth-page a:focus-visible,.auth-page button:focus-visible{outline-offset:4px;outline:3px solid #34633f}.auth-home{align-items:center;gap:10px;max-width:1100px;margin:0 auto 26px;font-size:14px;display:inline-flex;color:var(--auth-muted)!important}.auth-home:hover{text-decoration:underline}.auth-layout{border:1px solid var(--auth-border);background:#fff;border-radius:22px;grid-template-columns:1fr 1.1fr;max-width:1100px;margin:0 auto;display:grid;overflow:hidden;box-shadow:0 8px 40px #57311c05}.auth-story{background:var(--auth-canvas);flex-direction:column;align-items:flex-start;padding:48px 42px 0;display:flex;overflow:hidden}.auth-brand{letter-spacing:-1px;flex-direction:column;margin-bottom:35px;font-size:38px;font-weight:850;line-height:1.1;display:inline-flex}.auth-brand span{color:#ea6b20;letter-spacing:-.4px;margin-top:4px;font-size:25px}.auth-story h1{letter-spacing:-.8px;margin:0;font-size:36px;font-weight:750;line-height:1.4}.auth-story p{color:var(--auth-muted);margin:18px 0 0;font-size:17px;line-height:1.75}.auth-mascot{aspect-ratio:1;object-fit:contain;width:100%;max-width:355px;height:auto;margin:auto auto 14px;padding-top:24px;display:block}.auth-panel{align-self:center;padding:48px 52px}.auth-panel h2{letter-spacing:-.5px;margin:0;font-size:29px;font-weight:750;line-height:1.4}.auth-intro{color:var(--auth-muted);margin:12px 0 28px;font-size:15px;line-height:1.7}.auth-panel form{flex-direction:column;gap:19px;display:flex}.auth-field{flex-direction:column;gap:7px;display:flex}.auth-field label{font-size:14px;font-weight:650;line-height:1.5}.auth-field input{letter-spacing:0;width:100%;height:48px;color:var(--auth-text);background:#fff;border:1px solid #cec6bf;border-radius:10px;outline:none;padding:11px 14px;font-family:inherit;font-size:16px;font-weight:400;line-height:1.5;transition:border-color .15s,box-shadow .15s}.auth-field input::placeholder{color:#958b83;opacity:1}.auth-field input:focus{border-color:var(--auth-action);box-shadow:0 0 0 3px #b64a1214}.auth-field input[aria-invalid=true]{border-color:#aa3531}.auth-field input:disabled{color:#796c62;background:#f7f5f1}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:52px}.auth-reveal{color:#796c62;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;top:3px;right:5px}.auth-reveal:hover{color:var(--auth-text);background:#f5f0e9}.auth-hint{color:var(--auth-muted);font-size:12px;line-height:1.5}.auth-field-error{color:#a52f2c;font-size:13px;line-height:1.5}.auth-alert{color:#972d27;overflow-wrap:anywhere;background:#fff3f1;border:1px solid #edc6c2;border-radius:10px;padding:12px 15px;font-size:14px;line-height:1.6}.auth-submit{border:1px solid var(--auth-action);background:var(--auth-action);color:#fff;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:50px;margin-top:8px;font-family:inherit;font-size:15px;font-weight:650;line-height:1.5;transition:background .15s;display:flex}.auth-submit:hover:not(:disabled){background:#963a0b}.auth-submit:disabled{opacity:.72;cursor:wait}.auth-switch{text-align:center;color:var(--auth-muted);border-top:1px solid var(--auth-border);margin:26px 0 0;padding-top:24px;font-size:14px}.auth-switch a{color:var(--auth-action);margin-left:4px;font-weight:650;display:inline-block}.auth-switch a:hover{text-decoration:underline}.auth-demo{text-align:center;color:var(--auth-muted);flex-direction:column;gap:6px;margin-top:30px;font-size:13px;display:flex}.auth-demo a{color:var(--auth-text);justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;display:inline-flex}.auth-demo a:hover{text-decoration:underline}.auth-spinner{animation:.8s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (min-width:1280px){.auth-page{padding-top:44px}.auth-layout{min-height:700px}}@media (max-width:1000px){.auth-page{padding:25px}.auth-story{padding:36px 30px 0}.auth-panel{padding:40px 30px}.auth-story h1{font-size:29px}.auth-panel h2{font-size:26px}.auth-story p{font-size:15px}.auth-mascot{max-width:300px}}@media (max-width:700px){.auth-page{padding:22px 18px 38px}.auth-home{margin-bottom:19px}.auth-layout{border-radius:18px;grid-template-columns:1fr}.auth-story{border-bottom:1px solid var(--auth-border);min-height:130px;padding:25px 26px;position:relative}.auth-brand{margin:0;font-size:30px;line-height:1}.auth-brand span{font-size:18px}.auth-story h1{max-width:220px;margin:16px 0 0;font-size:19px;line-height:1.5}.auth-story h1 br,.auth-story p{display:none}.auth-mascot{width:145px;height:145px;margin:0;padding:0;position:absolute;bottom:0;right:10px}.auth-panel{padding:28px 25px}.auth-panel h2{font-size:25px}.auth-intro{margin-bottom:24px;font-size:14px}.auth-panel form{gap:17px}.auth-field input{font-size:16px}.auth-demo{margin-top:25px}.auth-switch{font-size:13px}}@media (max-width:380px){.auth-story h1{max-width:170px;font-size:17px}.auth-mascot{width:116px;height:116px;right:4px}.auth-panel{padding:25px 20px}}@media (prefers-reduced-motion:reduce){.auth-spinner{animation:none}.auth-field input,.auth-submit{transition:none}}