.login-shell{padding:40px 20px 80px;display:grid;place-items:center}.login-card{width:min(100%,440px);padding:38px;background:#fffef9;border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 60px #34402508}.login-card h1{font-size:30px;letter-spacing:-1px;margin:18px 0 10px}.login-subtitle,.login-hint,.login-back{color:var(--muted);font-size:13px;line-height:1.8}.login-subtitle{margin-bottom:30px}.login-card .button{width:100%;gap:10px}.login-divider{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:12px;margin:24px 0}.login-divider:before,.login-divider:after{content:'';height:1px;background:var(--line);flex:1}.login-card label{display:block;font-size:14px;margin-bottom:10px}.login-card input{width:100%;min-height:50px;padding:12px;border:1px solid #cbd2c3;border-radius:8px;background:#fff;font:inherit;margin-bottom:16px}.login-back{display:block;text-align:center;margin-top:28px}.text-button{border:0;background:none;color:var(--green);padding:12px;font:inherit;font-size:13px}.login-card p{line-height:1.8;overflow-wrap:anywhere}.login-card h2{font-size:22px}#login-status{font-size:13px;color:#7a5039}button:disabled{cursor:default;opacity:.55;transform:none}@media(max-width:480px){.login-shell{padding:20px 16px 50px}.login-card{padding:28px 24px}}

.login-card input:focus-visible{outline:3px solid #8ea76d;outline-offset:2px}.login-card .button:disabled{color:#68715f;background:#f2f4ee;border-color:#d4dbcc;opacity:1}.login-card .text-button:hover{text-decoration:underline;transform:none}.login-card #login-recovery{border-top:1px solid var(--line);padding-top:12px;margin-top:18px}.login-card .section-kicker{line-height:1.8}

.login-tabs{display:flex;gap:6px;margin-bottom:24px;border:1px solid var(--line);border-radius:12px;padding:5px;background:#f4f6ef}.login-tab{flex:1;border:0;background:none;border-radius:8px;padding:12px 0;font:inherit;font-size:14px;color:var(--muted)}.login-tab-active{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 2px 10px #34402517}.login-row{display:flex;justify-content:flex-end;margin:-6px 0 14px}.login-row .text-button{padding:6px 2px}.login-field-error{color:#8a3b26;margin:-6px 0 14px}#credential-hint{margin:0 0 16px}.login-card #magic-toggle,.login-card #magic-back{display:block;width:100%;text-align:center;margin-top:6px}#google-status:empty{margin:0}#confirm-email-address{overflow-wrap:anywhere}