@layer pages {
  .auth-page .site-footer{display:none}.auth-section{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:55px 20px;background:radial-gradient(circle at 50% 10%,rgba(185,243,75,.09),transparent 34%)}.auth-card{width:min(100%,470px);padding:38px;background:var(--surface);border:1px solid var(--line-strong);border-radius:24px;box-shadow:var(--shadow);text-align:center}.auth-card-wide{width:min(100%,690px)}.auth-mark{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 18px;border-radius:14px;background:var(--surface-3)}.auth-mark .brand-mark{scale:1.2}.auth-card h1{font-size:38px}.auth-card>p{margin:8px 0 25px}.auth-notice{margin:-10px 0 22px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--cyan) 30%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--cyan) 8%,var(--surface-2));color:var(--text);font-size:12px;line-height:1.45;text-align:left}.auth-card form{text-align:left}.auth-field{display:grid;gap:7px}.auth-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;font-weight:750}.auth-label-row label{display:block;gap:0;color:inherit;font-size:inherit;font-weight:inherit}.auth-label-row a{color:var(--lime);font-size:11px;font-weight:850;white-space:nowrap}.auth-label-row a:hover{color:var(--text)}.password-field{position:relative}.password-field button{position:absolute;right:7px;top:6px;width:33px;height:33px;border:0;background:none;color:var(--muted);cursor:pointer}.auth-switch{margin-top:20px;color:var(--muted);font-size:12px}.auth-switch a{color:var(--lime);font-weight:800}.auth-actions{display:grid;gap:10px}.auth-inline-form{margin-top:12px}.auth-divider{display:flex;align-items:center;gap:12px;margin:4px 0;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.16em}.auth-divider::before,.auth-divider::after{content:"";height:1px;flex:1;background:var(--line)}.auth-divider span{padding-inline:4px}.webauthn-status{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:12px;text-align:center}.webauthn-status.error{border-color:color-mix(in srgb,var(--danger) 35%,transparent);background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger)}
  .remember-login{display:flex;align-items:center;gap:7px}.remember-login .check-label{align-items:center}.auth-help{position:relative;display:inline-grid;place-items:center;width:18px;height:18px;border:1px solid var(--line);border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:11px;font-weight:900;line-height:1;cursor:help}.auth-help:hover,.auth-help:focus-visible{border-color:var(--lime);color:var(--lime)}.auth-help::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 9px);width:260px;max-width:min(260px,calc(100vw - 48px));padding:10px 12px;border:1px solid var(--line-strong);border-radius:10px;background:var(--surface-3);color:var(--text);box-shadow:var(--shadow);font-size:11px;font-weight:650;line-height:1.45;text-align:left;opacity:0;pointer-events:none;transform:translate(-50%,6px);transition:opacity .16s,transform .16s;z-index:20}.auth-help:hover::after,.auth-help:focus-visible::after{opacity:1;transform:translate(-50%,0)}
}

@layer responsive {
  @media(max-width:900px){.auth-section{min-height:calc(100vh - 68px)}}
}