.auth-page{min-height:100vh;font-family:var(--sans);color:var(--p-text);place-items:center;padding:48px 16px;display:grid}.auth-panel{text-align:center;gap:20px;width:min(100%,400px);display:grid}.auth-panel section{gap:20px;display:grid}.auth-brand{justify-self:center;display:block}.auth-brand img{width:44px;height:44px;display:block}.auth-panel h1{font:500 32px/1.15 var(--sans);letter-spacing:-.03em;text-wrap:balance;margin:0}.auth-note{color:var(--p-muted);margin:-8px 0 0;font-size:15px;line-height:1.6}.auth-form{text-align:left;gap:12px;display:grid}.auth-form form{gap:8px;display:grid}.auth-form label{margin-top:4px;font-size:14px}.auth-form input{width:100%;min-width:0;min-height:46px;font:inherit;color:var(--p-text);background:color-mix(in srgb, var(--p-surface) 65%, white);border:1px solid var(--p-border);caret-color:var(--p-text);border-radius:6px;padding:10px 12px;font-size:16px}.site-theme[data-palette=mocha] .auth-form input{background:var(--p-bg)}.auth-form input:focus-visible{outline:2px solid var(--p-accent);outline-offset:2px}.site-theme main.auth-page .button{width:100%;font-size:15px}.site-theme main.auth-page :is(.auth-provider,.agent-app-secondary){--keycap-face:var(--p-surface);--keycap-label:var(--p-text);--keycap-top:color-mix(in srgb, var(--p-surface) 80%, white);--keycap-bottom:var(--p-border)}.auth-provider svg{flex:none;width:18px;height:18px}.auth-or{color:var(--p-muted);align-items:center;gap:12px;margin:4px 0;font-size:13px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--p-border);flex:1;height:1px}.auth-hint{min-height:0;color:var(--p-muted);margin:0;font-size:13px}.auth-hint:empty{display:none}.auth-submit{margin-top:8px}.auth-actions{gap:12px;display:grid}.auth-switch{border-top:1px solid var(--p-border);color:var(--p-muted);margin:4px 0 0;padding-top:20px;font-size:15px}.auth-legal{color:var(--p-muted);margin:-8px 0 0;font-size:13px}.auth-panel :is(.auth-switch,.auth-legal) a{color:var(--p-text);text-underline-offset:3px;text-decoration:underline}.auth-panel :is(.auth-switch,.auth-legal) a:hover{color:var(--p-accent)}