.auth{display:grid;grid-template-rows:1fr auto;justify-items:center;align-content:center;min-block-size:100dvh;padding:var(--space-6) var(--space-4);gap:var(--space-5);background:radial-gradient(120% 80% at 50% 0%,var(--brand-tint),transparent 60%),var(--paper)}.auth__card{inline-size:min(100%,30rem);align-self:center;padding:var(--space-6);border:1px solid var(--rule);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-3)}.auth__head{padding-block-end:var(--space-5);margin-block-end:var(--space-5);border-block-end:2px solid var(--accent, #bd3a21);text-align:center}.auth__logo{display:block;margin-inline:auto;margin-block-end:var(--space-3)}.auth__home{inline-size:100%;margin-block-end:var(--space-5);font-family:var(--font-body)}.auth__org{font-size:var(--text-xs);letter-spacing:.08em;opacity:.7;margin:0}.auth__title{font-size:var(--text-xl);margin-block:var(--space-2) 0}.auth__lede{font-size:var(--text-sm);opacity:.8;margin-block-start:var(--space-3)}.auth__field{margin-block-end:var(--space-4)}.auth__field label{display:block;margin-block-end:var(--space-2);font-size:var(--text-sm);font-weight:600}.auth__field input{inline-size:100%;padding:var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);color:inherit;font:inherit}.auth__field input:focus-visible{outline:2px solid var(--brand, #1c3d6e);outline-offset:2px}.auth__submit{inline-size:100%;margin-block-start:var(--space-2)}.auth__error{color:var(--accent, #bd3a21);font-size:var(--text-sm);margin-block-start:var(--space-2)}.auth__help{font-size:var(--text-xs);opacity:.75;margin-block-start:var(--space-2)}.auth__help--warn{color:var(--accent, #bd3a21);opacity:1}.auth__aside{font-size:var(--text-xs);opacity:.7;margin-block-start:var(--space-5)}.auth__alert{padding:var(--space-3) var(--space-4);margin-block-end:var(--space-4);border-inline-start:3px solid var(--accent, #bd3a21);border-radius:var(--radius-sm);background:#bd3a2114;font-size:var(--text-sm)}.auth__alert p{margin:0}.auth__alert--strong{background:#bd3a2124;font-weight:600}.auth__messages{list-style:none;padding:0;margin:0 0 var(--space-4)}.auth__message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:#1c3d6e14;font-size:var(--text-sm)}.auth__qr{display:grid;place-items:center;inline-size:232px;block-size:232px;margin:0 auto var(--space-4);padding:var(--space-2);border:1px solid var(--rule);border-radius:var(--radius-md);background:#fff}.auth__qr img{inline-size:100%;block-size:auto}.auth__manual{margin-block-end:var(--space-5);font-size:var(--text-sm)}.auth__manual summary{cursor:pointer;padding-block:var(--space-2)}.auth__secret{direction:ltr;unicode-bidi:isolate;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;-webkit-user-select:all;user-select:all}.auth__foot{font-size:var(--text-xs);opacity:.6;text-align:center}.auth__foot p{margin:0}@media(max-width:480px){.auth{padding:var(--space-4) var(--space-3)}.auth__card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-md)}}.auth__tabs{display:flex;gap:var(--space-2);margin-block-end:var(--space-5);padding:var(--space-1);background:var(--surface-2);border-radius:var(--radius-md)}.auth__tabs a{flex:1;text-align:center;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);text-decoration:none}.auth__tabs a[aria-current=page]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0000001f;font-weight:700}.auth__code-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);margin-block:var(--space-4);background:var(--surface-2);border-radius:var(--radius-md)}.auth__code-actions form{margin:0}.auth__code-actions button:disabled{opacity:.55;cursor:not-allowed}.auth__otp{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.3rem,1.5vw,.75rem)}.auth__otp input{inline-size:100%;min-inline-size:0;padding-inline:0;text-align:center;font-size:var(--text-xl);font-variant-numeric:tabular-nums}.auth__field input[type=password]{direction:ltr;text-align:left}.auth__password-rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;padding-inline-start:1rem;margin-block:-.25rem 1.25rem;font-size:var(--text-xs);color:var(--ink-muted)}.auth__password-rules li{transition:color .15s ease}.auth__password-rules li.is-met{color:#15803d;font-weight:700}.auth__password-rules li.is-met::marker{content:"\2713  "}.auth__success-action{display:flex;justify-content:center}.auth__otp-status{min-block-size:3.5rem;margin:.75rem auto 0;padding:.65rem .85rem;max-inline-size:25rem;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.8;text-align:start;overflow-wrap:anywhere}.auth__otp-status.is-error{color:#a12b32;border-color:#e9bfc2;background:#fff5f5}.auth__otp-hint{display:block;margin-block-start:.25rem;color:var(--ink-muted, #596579);font-size:var(--text-xs)}.auth__instructions{margin-block:1.5rem 1.75rem;line-height:2}.auth__mobile-form .auth__field{margin-block-end:1.5rem}.auth__mobile-form .auth__field label{margin-block-end:1rem;line-height:1.8}.auth__mobile-form .auth__otp-status{margin-block-start:1rem;line-height:1.9}.auth__mobile-form .auth__error,.auth__mobile-form .auth__help{margin-block-start:.75rem;line-height:1.9}.auth__mobile-form+.auth__code-actions{margin-block:1.75rem;padding:1rem;gap:.75rem}.auth__code-actions+.auth__aside{margin-block-start:1.75rem;line-height:2}.auth__recovery-action{margin-block-start:1.75rem}.auth__field input[type=password].is-matched{border-color:#15803d;background:#f0fdf4;box-shadow:0 0 0 1px #15803d}.auth__field input[type=password].is-matched:focus-visible{outline-color:#15803d}
