:root{--bg:#f7f7f6;--text:#141414;--muted:#8a8a8a;--black:#111;--danger:#d33}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);justify-content:center;align-items:center;margin:0;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;display:flex}.auth-page{grid-template-columns:1fr 520px 1fr;width:100%;min-height:100vh;display:grid}.auth-center{flex-direction:column;grid-column:2;justify-content:center;padding:48px 0;display:flex}.brand{text-align:center;letter-spacing:3px;margin-bottom:72px;font-size:28px;font-weight:800}.title{text-align:center;letter-spacing:-1px;margin-bottom:56px;font-size:44px;font-weight:400}.oauth-button{color:#3d3d3d;cursor:pointer;background:#fff;border:1px solid #cfcfcf;border-radius:8px;justify-content:center;align-items:center;gap:14px;width:100%;height:58px;margin-bottom:16px;font-size:22px;display:flex}.oauth-button.disabled{opacity:.45;cursor:not-allowed}.oauth-icon{justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:inline-flex}.divider{color:#555;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin:38px 0;font-size:22px;display:grid}.divider:before,.divider:after{content:"";background:#e1e1e1;height:1px}.form-row{margin-bottom:16px}.input{color:#222;background:#fff;border:1px solid #cfcfcf;border-radius:8px;outline:none;width:100%;height:60px;padding:0 26px;font-size:22px}.input::placeholder{color:#a4a4a4}.input:focus{border-color:#111}.forgot{color:#006edc;margin-top:2px;margin-bottom:50px;font-size:22px;text-decoration:none;display:inline-block}.remember{color:#555;align-items:center;gap:10px;margin:-24px 0 30px;font-size:15px;display:flex}.submit{background:var(--black);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:64px;font-size:22px;transition:all .15s}.submit:hover{opacity:.9}.submit:disabled{cursor:default;background:#c6c6c6}.error-box{color:var(--danger);background:#fff2f2;border:1px solid #f0cece;border-radius:10px;margin-bottom:18px;padding:13px 15px;line-height:1.45}.footer-note{text-align:center;color:var(--muted);margin-top:26px;font-size:13px}@media (width<=720px){.auth-page{grid-template-columns:1fr}.auth-center{grid-column:1;padding:34px 22px}.brand{margin-bottom:44px}.title{margin-bottom:38px;font-size:36px}.oauth-button,.input,.submit{height:56px;font-size:18px}.forgot{font-size:18px}}