.auth{min-height:calc(100vh - var(--nav-h) - 1px);min-height:calc(100svh - var(--nav-h) - 1px);display:grid;grid-template-columns:minmax(0,1fr);place-items:center;padding:40px 20px 72px;position:relative;overflow:hidden}.auth:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 700px 400px at 50% -10%,var(--blue-soft),transparent 70%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:#fff;border:1px solid transparent;border-radius:24px;box-shadow:var(--shadow-border),var(--shadow-card);padding:40px;position:relative;z-index:1}.auth .mark-top{display:flex;justify-content:center;margin-bottom:20px}.auth .mark-top img{height:40px;width:auto}.auth-card h1{font-size:24px;line-height:1.2;letter-spacing:-.015em;text-align:center;margin-bottom:24px;text-wrap:balance}.auth-card h1:has(+.a-sub){margin-bottom:8px}.auth-card .a-sub{text-align:center;overflow-wrap:anywhere;color:var(--tx-2);font-size:15px;line-height:1.5;margin:0 0 24px;text-wrap:pretty}.auth-card .btn{white-space:normal;text-wrap:balance;text-align:center;line-height:1.25}.auth-row{display:flex;justify-content:flex-end;margin:-8px 0 16px}.auth-foot{text-align:center;font-size:14px;line-height:1.5;color:var(--tx-2);margin:20px 0 0;text-wrap:balance}.auth-foot a,.auth-link,.auth-row a{display:inline-flex;align-items:center;gap:6px;min-height:24px;color:var(--blue);font-family:var(--f-head);font-size:14px;font-weight:600;border-radius:4px;transition:color .15s ease-out}.auth-link{background:none;border:0;padding:0;cursor:pointer}.auth-foot a:hover,.auth-link:hover,.auth-row a:hover{color:var(--blue-700)}.auth-foot a:focus-visible,.auth-link:focus-visible,.auth-row a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.auth-foot a{white-space:nowrap}.auth-help{margin:-6px 0 16px}.auth-link-icon{width:1em;height:1em;flex-shrink:0}@media (pointer:coarse){.auth-foot a,.auth-link,.auth-row a{min-height:44px}}.field .field-hint{color:var(--tx-2);font-size:13px;line-height:1.45;margin:6px 0 0}.otp{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.otp input{flex:1 1;width:0;min-width:0;max-width:48px;height:56px;text-align:center;font-family:var(--f-head);font-size:24px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0;color:var(--tx);background:#fff;border:1px solid var(--line-control);border-radius:11px;transition:border-color .15s ease-out}@media (hover:hover){.otp input:hover:not(:focus):not(:disabled):not([aria-invalid=true]){border-color:var(--line-control-hover)}}.otp input:focus-visible{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}.otp input[aria-invalid=true]{border-color:var(--red)}.otp+.auth-error{margin-top:-8px}.auth-note{text-align:center;color:var(--tx-2);font-size:14px;line-height:1.5;margin:-8px 0 16px}.auth-resend{margin-top:12px}.auth-sent{text-align:center}.auth-sent h1{margin:20px 0 8px;outline:none}.auth-sent-email{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--tx);overflow-wrap:anywhere}.auth-sent .a-sub{margin-bottom:0}.auth-sent .btn{margin-top:24px}.auth-qr{display:flex;justify-content:center;background:#fff;border-radius:12px;padding:12px;margin-bottom:16px}.auth-qr-placeholder{width:148px;height:148px;border-radius:8px;background:var(--bg-alt)}.field textarea.auth-secret{field-sizing:content;min-height:0;resize:none;font-family:var(--f-mono);font-size:14px;line-height:1.5;letter-spacing:.06em;word-break:break-all}.field input.auth-code{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.2em}.auth-retry{margin-top:16px}@media (max-width:480px){.auth{place-items:start center;padding:24px 16px 40px}.auth-card{padding:28px 20px;border-radius:20px}}