.login-page{--bg:#f6f9fc;--ink:#0b3a5e;--mute:#5a7389;--line:#c2d5e4;--ice:#3fa6e8;--sans:"Geist",sans-serif;--serif:"Instrument Serif",Georgia,serif;box-sizing:border-box;margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.5 var(--sans);min-height:100svh;display:flex;flex-direction:column}
.login-page *{box-sizing:border-box}.login-page ::selection{background:#b7e5fa;color:var(--ink)}.login-page :focus-visible{outline:3px solid #1474ad;outline-offset:4px}.login-page a{color:var(--ink);text-underline-offset:4px}.login-header,.login-footer{width:min(1120px,100%);margin-inline:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.login-header img{display:block}.login-header>a:last-child{font-size:13px;text-decoration:none}.login-header>a:last-child:hover{text-decoration:underline}
.login-layout{width:min(960px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:46px 32px 70px}.login-story{padding-bottom:12px}.login-guide{display:block;object-fit:contain;margin-left:-18px;margin-bottom:12px}.login-story h2{font-size:clamp(36px,4vw,50px);font-weight:600;line-height:1.08;letter-spacing:-.035em;margin:0 0 18px;text-wrap:balance}.login-story em{font-family:var(--serif);font-weight:400;color:#1677b0}.login-story p{color:var(--mute);font-size:16px;line-height:1.7;margin:0}.login-panel{width:100%;max-width:380px}.login-panel h1{font-size:30px;line-height:1.2;letter-spacing:-.03em;margin:0 0 10px;font-weight:600}.login-description{color:var(--mute);margin:0 0 34px;font-size:15px}.login-panel label{display:block;font-size:14px;font-weight:500}.login-panel input{width:100%;height:50px;margin:9px 0 22px;padding:12px 14px;border:1px solid var(--line);border-radius:9px;background:white;color:var(--ink);caret-color:#1474ad;font:16px var(--sans);transition:border-color .15s}.login-panel input:hover{border-color:#87acc7}.login-panel input:focus{border-color:#1474ad;outline:2px solid #1474ad;outline-offset:1px}.password-label{display:flex;align-items:center;justify-content:space-between;min-height:24px}.show-password{border:0;padding:2px 0 2px 12px;background:transparent;color:#166e9f;font:500 13px var(--sans);cursor:pointer;min-height:28px}.show-password:hover{text-decoration:underline;text-underline-offset:3px}.login-panel input#password{margin-bottom:0}.login-error{min-height:42px;font-size:13px;line-height:1.5;color:#b0223d;margin:10px 0 12px}.sign-in{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border:0;border-radius:9px;background:var(--ink);color:white;font:600 15px var(--sans);cursor:pointer;transition:background .15s}.sign-in:hover{background:#15517b}.sign-in:active{background:#092d49}.sign-in:disabled{background:#526f85;cursor:wait}.login-scope{font-size:12px;line-height:1.8;color:var(--mute);margin:22px 0 0}.login-footer{padding-block:22px;font-size:11px;color:var(--mute)}.login-footer a{color:var(--mute)}
.app-header .app-account{display:flex;gap:20px;align-items:center;font-size:13px;color:var(--mute)}.app-header .app-account form{margin:0}.app-replay .app-header button{cursor:pointer;font-family:var(--sans)}
@media(max-width:760px){.login-header{padding:22px 24px}.login-header>a:last-child{font-size:12px}.login-layout{grid-template-columns:1fr;gap:32px;max-width:430px;padding:28px 28px 52px}.login-story{display:none}.login-panel{max-width:none}.login-panel h1{font-size:29px}.login-description{margin-bottom:30px}.login-footer{padding:20px 24px;align-items:flex-start;font-size:10px}.login-footer span{max-width:220px}.desktop-only{display:none}.app-header .app-account{gap:12px;font-size:11px}.app-header .app-account button{min-height:44px}.login-panel .show-password{min-height:44px;margin-block:-8px}.login-layout{margin-block:auto}}
@media(prefers-reduced-motion:reduce){.login-page *{transition:none}}