.auth-page{--auth-bg: #f5f4f1;--auth-surface: #ffffff;--auth-border: #e3e1dc;--auth-text: #222321;--auth-muted: #6f716d;--auth-accent: #2864dc;min-height:100vh;background:var(--auth-bg);color:var(--auth-text)}.auth-shell{padding-top:clamp(32px,8vh,76px);padding-bottom:48px}.auth-logo{margin:0 auto 24px}.auth-card{padding:clamp(24px,5vw,36px);border-color:var(--auth-border);border-radius:16px;background:var(--auth-surface);box-shadow:0 12px 36px #2728250f}.auth-heading h1{margin:0;color:var(--auth-text);font-size:clamp(1.65rem,5vw,2rem);line-height:1.15;letter-spacing:-.035em}.auth-heading p{width:100%;margin:9px 0 0;color:var(--auth-muted);font-size:.98rem;line-height:1.55}.auth-form-container{position:relative}.auth-form .mantine-InputWrapper-label{margin-bottom:5px;color:#343633;font-size:.9rem;font-weight:650}.auth-form .mantine-Input-input{min-height:44px;border-color:#d9d8d3;border-radius:10px;color:var(--auth-text);transition:border-color .14s ease,box-shadow .14s ease}.auth-form .mantine-Input-input:focus{border-color:var(--auth-accent);box-shadow:0 0 0 3px #2864dc21}.auth-form .mantine-PinInput-input{border-radius:10px}.auth-submit{min-height:44px;border-radius:10px;background:var(--auth-accent);font-weight:650}.auth-submit:hover{background:#1f55bf}.auth-submit:focus-visible,.auth-link:focus-visible{outline:3px solid rgba(40,100,220,.25);outline-offset:3px}.auth-status{padding:12px 14px;border:1px solid #f0c7c7;border-radius:10px;background:#fff5f5;color:#a63131;font-size:.9rem;line-height:1.45}.auth-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;padding-top:2px}.auth-link{border-radius:4px;color:var(--auth-accent);font-size:.9rem;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.auth-notice{color:#454744;line-height:1.65}.auth-form .mantine-Checkbox-label{color:#343633;font-weight:550}@media (max-width: 36em){.auth-shell{padding-top:24px;padding-bottom:24px}.auth-logo{width:160px!important;margin-bottom:18px}.auth-card{padding:22px 18px;border-radius:14px}.auth-form .mantine-PinInput-root{gap:6px}.auth-form .mantine-PinInput-input{width:42px;height:42px}}
