*{box-sizing:border-box}
.login-page{margin:0;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));padding-top:max(24px,env(safe-area-inset-top));background:#f5f5f7;color:#1d1d1f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;line-height:1.5}
.login-card{width:min(420px,100%);padding:32px;background:#fff;border:1px solid #dde1e7;border-radius:16px;min-width:0}
.login-logo{display:block;border-radius:14px;object-fit:contain;background:#020414}
.login-card h1{margin:22px 0 6px;font-size:28px;line-height:1.2;letter-spacing:-.025em}
.login-card p{margin:0 0 22px;color:#5f6368;font-size:16px}
.login-card label{display:block;margin:16px 0 7px;font-weight:600;font-size:15px}
.login-card input{width:100%;min-width:0;min-height:48px;padding:11px 12px;border:1px solid #aeb5c0;border-radius:10px;background:#fff;font:inherit;font-size:16px;color:#1d1d1f;scroll-margin-block:90px}
.login-card button{min-height:48px;width:100%;border-radius:10px;font:inherit;font-weight:600;cursor:pointer;touch-action:manipulation}
.login-submit{margin-top:24px;border:0;padding:12px;background:#2563eb;color:#fff}
.login-submit:hover{background:#1749a6}
.login-submit:disabled{opacity:.65;cursor:wait}
.login-card .login-error{min-height:24px;margin:12px 0 0;color:#b42318;font-size:14px}
.login-install{margin-top:16px;padding:10px 8px;border:1px solid #dde1e7;background:#fff;color:#1749a6;font-size:14px!important}
.login-page :focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.login-page ::selection{background:#dbeafe;color:#1749a6}
@media(max-width:380px){.login-card{padding:24px 20px}}
@media(max-height:600px){.login-page{align-items:start}.login-card{padding-block:22px}}