.page-auth .auth-main{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--sm-space-7) var(--sm-space-5);background:var(--sm-paper)}.page-auth .auth-form-wrap{width:100%;max-width:400px}.page-auth .brand{display:flex;align-items:center;gap:var(--sm-space-3);margin-bottom:var(--sm-space-6)}.page-auth .brand img{display:block}.page-auth .brand .sm-wordmark{font-size:19px}.page-auth .card-head{display:flex;flex-direction:column;gap:var(--sm-space-2);margin-bottom:var(--sm-space-6)}.page-auth .card-head .sm-eyebrow{margin-bottom:var(--sm-space-1)}.page-auth .card-head h1{margin:0;font-size:var(--sm-fs-h2);font-weight:700;letter-spacing:var(--sm-lsp-heading)}.page-auth .card-head p{margin:0}.page-auth .form{display:flex;flex-direction:column;gap:var(--sm-space-4)}.page-auth .field{display:flex;flex-direction:column;gap:var(--sm-space-2)}.page-auth .label{font-size:var(--sm-fs-small);font-weight:600;color:var(--sm-ink)}.page-auth .input-wrap{position:relative;display:flex;align-items:center}.page-auth .input-icon{position:absolute;left:12px;display:flex;color:var(--sm-ink-45);pointer-events:none;transition:color .15s ease-out}.page-auth .input-icon svg{width:18px;height:18px}.page-auth .input-wrap:has(.input:focus) .input-icon{color:var(--sm-clay)}.page-auth .input{width:100%;height:44px;padding:0 var(--sm-space-3) 0 40px;background:var(--sm-surface);border:1px solid var(--sm-line);border-radius:var(--sm-radius-sm);color:var(--sm-ink);font-family:var(--sm-font);font-size:var(--sm-fs-body);transition:border-color .15s ease-out,box-shadow .15s ease-out}.page-auth .input::placeholder{color:var(--sm-ink-45)}.page-auth .input:focus-visible{border-color:var(--sm-clay);outline:none;box-shadow:0 0 0 3px var(--sm-clay-tint)}.page-auth .input-toggle{position:absolute;right:6px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--sm-radius-sm);color:var(--sm-ink-45);cursor:pointer;transition:background .15s ease-out,color .15s ease-out}.page-auth .input-toggle svg{width:18px;height:18px}.page-auth .input-toggle:hover{background:var(--sm-paper);color:var(--sm-ink-70)}.page-auth .hint{font-size:12px;line-height:16px;color:var(--sm-ink-45)}.page-auth .auth-divider{display:flex;align-items:center;gap:var(--sm-space-3);margin:var(--sm-space-5) 0;color:var(--sm-ink-45);font-size:12px}.page-auth .auth-divider:after,.page-auth .auth-divider:before{content:"";flex:1;height:1px;background:var(--sm-line)}.page-auth .form-error{padding:var(--sm-space-3) var(--sm-space-4);border-radius:var(--sm-radius-sm);background:color-mix(in oklch,var(--destructive) 10%,transparent);border:1px solid color-mix(in oklch,var(--destructive) 30%,transparent);color:var(--destructive);font-size:13px;line-height:18px}.page-auth .checkbox-row{display:flex;align-items:flex-start;gap:var(--sm-space-2)}.page-auth .checkbox-row input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--sm-clay);cursor:pointer;flex-shrink:0}.page-auth .checkbox-row label{font-size:var(--sm-fs-small);line-height:18px;color:var(--sm-ink-70);cursor:pointer}.page-auth .sm-btn--block{width:100%;justify-content:center}.page-auth .sm-btn svg{width:16px;height:16px;transition:transform .18s ease}.page-auth .sm-btn:hover svg{transform:translateX(3px)}.page-auth .switch{margin:var(--sm-space-6) 0 0;font-size:var(--sm-fs-body);color:var(--sm-ink-70)}.page-auth .switch a{font-weight:600}.page-auth .footnote{margin:var(--sm-space-7) 0 0;padding:var(--sm-space-5) 0;border-top:1px solid var(--sm-line);font-size:12px;line-height:18px;color:var(--sm-ink-45)}.page-auth .footnote a{font-weight:600}@media (max-width:420px){.page-auth .card-head h1{font-size:var(--sm-fs-h3)}}