:root{--gp-ink:#162834;--gp-blue:#244ed3;--gp-paper:#f3f5f6;--gp-muted:#50636f}
body.login{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,1fr);min-height:100vh;height:auto;background:#fff;color:var(--gp-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.gp-welcome{box-sizing:border-box;min-height:100vh;padding:52px 64px 32px;background:var(--gp-paper);display:flex;flex-direction:column;justify-content:space-between}
.gp-wordmark{font-size:24px;font-weight:750;letter-spacing:-.03em;color:var(--gp-ink);text-decoration:none;display:flex;justify-content:space-between;align-items:center}
.gp-wordmark span{font-size:30px;color:var(--gp-blue)}
.gp-welcome-main{padding:70px 0 45px}.gp-welcome h1{font-size:48px;font-weight:650;line-height:1.12;letter-spacing:-.035em;margin:0 0 24px;text-align:left;max-width:12ch;text-wrap:balance}
.gp-welcome p{font-size:17px;line-height:1.6;color:var(--gp-muted);max-width:42ch}.gp-flow{width:100%;max-width:520px;height:150px;color:var(--gp-blue);margin:38px 0}
.gp-welcome dl{display:flex;gap:40px;margin:12px 0 0;font-variant-numeric:tabular-nums}.gp-welcome dl div{min-width:75px}.gp-welcome dt{font-size:27px;font-weight:650;line-height:1.2}.gp-welcome dd{margin:9px 0 0;font-size:13px;color:var(--gp-muted)}
.gp-welcome .gp-login-note{font-size:12px;line-height:1.5;margin:0;color:var(--gp-muted)}
body.login #login{box-sizing:border-box;width:100%;max-width:440px;margin:auto;padding:52px 40px}
.login h1 a{display:none}.gp-login-heading h2{font-size:28px;line-height:1.2;letter-spacing:-.02em;color:var(--gp-ink);margin:0 0 12px}.gp-login-heading p{font-size:14px;line-height:1.6;color:var(--gp-muted);margin:0 0 28px}
.login form{border:0;box-shadow:none;padding:0;margin:0;overflow:visible;background:transparent}.login label{font-size:14px;font-weight:500;color:var(--gp-ink)}
.login input[type=text],.login input[type=password]{border:1px solid #9aa9b3;border-radius:6px;padding:10px 12px;font-size:19px;min-height:48px;background:#fff;box-shadow:none;caret-color:var(--gp-blue)}
.login input:focus{border-color:var(--gp-blue);outline:2px solid var(--gp-blue);outline-offset:2px;box-shadow:none}
.login .button-primary{background:var(--gp-blue);border-color:var(--gp-blue);min-height:44px;line-height:42px;padding:0 22px;border-radius:6px;font-weight:600;box-shadow:none}.login .button-primary:hover{background:#193ca9;border-color:#193ca9}.login .button-primary:focus{outline:3px solid #162834;outline-offset:3px;box-shadow:none}
.login .forgetmenot{padding-top:10px}.login #nav,.login #backtoblog{padding:0;margin-top:26px}.login #nav a,.login #backtoblog a{color:var(--gp-muted);text-decoration:underline;text-underline-offset:3px}.login .language-switcher{display:none}.login .privacy-policy-page-link{margin:20px 0}
.login .message,.login .notice,.login .success{border-left:1px solid var(--gp-blue);box-shadow:none;background:#f3f5f6;color:var(--gp-ink);margin:0 0 24px}.login #login_error{border-left-color:#a52a32}
::selection{background:#244ed3;color:#fff}a:focus-visible{outline:2px solid var(--gp-blue);outline-offset:4px}
@media(max-width:900px){.gp-welcome{padding:40px 32px}.gp-welcome h1{font-size:40px}.gp-welcome dl{gap:24px}}
@media(max-width:680px){body.login{display:block}.gp-welcome{min-height:0;padding:28px 24px}.gp-wordmark{font-size:22px}.gp-welcome-main{padding:32px 0 0}.gp-welcome h1{font-size:34px;max-width:none;margin-bottom:14px}.gp-welcome-main p{font-size:14px}.gp-flow{display:none}.gp-welcome dl{gap:30px;margin-top:26px}.gp-welcome dt{font-size:23px}.gp-welcome dd{font-size:12px}.gp-login-note{display:none}body.login #login{max-width:460px;padding:36px 24px 48px}.gp-login-heading h2{font-size:25px}}
