.auth-screen{background:var(--sf-bg);min-height:100dvh;color:var(--sf-text);place-items:center;display:grid;position:relative}.auth-theme{position:absolute;top:20px;right:20px}.auth-main{place-items:center;width:100%;max-width:none;min-height:100dvh;padding:72px 24px;display:grid}.auth-form-panel{width:100%;max-width:360px}.auth-brand{justify-content:center;margin-bottom:24px;display:flex}.auth-brand .sf-brand>span{display:none}.auth-brand .sf-brand svg{width:40px;height:40px}.auth-form-panel :is(h1,h3){text-align:center;letter-spacing:-.035em;margin:0 0 32px;font-size:24px;font-weight:550;line-height:1.25}.auth-description{color:var(--sf-muted);text-align:center;margin:0 0 32px;font-size:14px;line-height:1.6}.auth-form-panel form{flex-direction:column;gap:12px;display:flex;position:relative}.auth-form-panel .sf-input{width:100%;min-height:44px;font-size:14px}.auth-form-panel .sf-button{width:100%;min-height:44px;margin-top:4px}.auth-error{color:var(--sf-danger);margin:0;font-size:13px;line-height:1.5}.auth-switch{text-align:center;color:var(--sf-muted);margin:24px 0 0;font-size:12px}.auth-switch a{color:var(--sf-text);text-underline-offset:3px;margin-left:4px}.auth-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.auth-preview{border:1px solid var(--sf-border);border-radius:8px;min-height:0}.auth-preview .auth-main{min-height:0;padding:32px 24px}@media (max-width:760px){.auth-theme{top:calc(12px + env(safe-area-inset-top));right:12px}.auth-theme .sf-theme-control{min-width:44px;min-height:44px}.auth-main{padding:calc(72px + env(safe-area-inset-top)) 24px calc(72px + env(safe-area-inset-bottom))}.auth-form-panel .sf-input{font-size:16px}}