.login-brand{margin-bottom:34px}.login-intro h1{font-size:clamp(40px,5.5vw,62px)}.login-card{background:var(--paper-2);border:1px solid var(--rule);box-shadow:0 8px 22px -10px color-mix(in srgb, var(--shade) 35%, transparent);border-radius:6px;padding:32px}.login-card h2{font-size:22px}.login-hint{color:var(--a-ink-2);margin:8px 0 24px;font-size:13.5px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:var(--a-ink-2);flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.login-form input{border:1px solid var(--rule);background:var(--paper-2);width:100%;color:var(--a-ink);border-radius:5px;padding:12px 14px;font-size:15px;transition:border-color .14s,background .14s}.login-form input:focus{border-color:var(--jade);background:var(--paper-3);outline:none}.login-form input:disabled{opacity:.65}.form-note{color:var(--a-ink-3);margin:2px 0 0;font-size:12px}@media (max-width:860px){.login-intro h1{font-size:clamp(34px,9vw,46px)}.login-brand{margin-bottom:24px}}@media (max-width:680px){.login-card{padding:24px}}.login-page.app{background:var(--paper);min-height:100dvh;color:var(--a-ink);font-family:var(--sans);grid-template-rows:1fr auto;font-size:13px;display:grid}.login-stage{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:72px;width:min(1120px,100%);margin:0 auto;padding:72px 40px 48px;display:grid}.login-page .login-brand{margin-bottom:44px;padding:0}.login-eyebrow{font-family:var(--mono);letter-spacing:.16em;color:var(--a-ink-3);margin:0 0 18px;font-size:10.5px}.login-page .login-intro h1{font-family:var(--serif);letter-spacing:.01em;color:var(--a-ink);text-wrap:balance;margin:0;font-size:clamp(44px,5.2vw,66px);font-weight:600;line-height:1.2}.login-lede{max-width:36ch;color:var(--a-ink-2);margin:24px 0 0;font-size:13.5px;line-height:1.9}.login-day{max-width:420px;margin-top:48px}.login-day__head{font-family:var(--mono);letter-spacing:.04em;color:var(--a-ink-3);justify-content:space-between;align-items:baseline;gap:16px;font-size:10.5px;display:flex}.login-day__now{color:var(--jade);white-space:nowrap}.login-ruler{justify-content:space-between;align-items:flex-end;height:14px;margin-top:10px;display:flex;position:relative}.login-ruler i{background:var(--rule);width:1px;height:5px}.login-ruler i.on{background:var(--a-ink-3);height:9px}.login-ruler b{background:var(--jade);width:1px;height:19px;position:absolute;top:-5px}.login-ruler b:after{content:"";background:var(--jade);border-radius:50%;width:5px;height:5px;position:absolute;top:-3px;left:-2px}.login-ruler__scale{font-family:var(--mono);color:var(--a-ink-3);justify-content:space-between;margin-top:6px;font-size:9.5px;display:flex}.login-page .login-card{background:var(--paper-2);border:1px solid var(--rule);border-radius:6px;padding:34px 34px 30px}.login-kicker{font-family:var(--mono);letter-spacing:.14em;color:var(--a-ink-3);margin:0 0 10px;font-size:10px}.login-page .login-card h2{font-family:var(--serif);color:var(--a-ink);margin:0;font-size:24px;font-weight:600}.login-page .login-hint{color:var(--a-ink-2);margin:8px 0 26px;font-size:12.5px}.login-page .login-form{flex-direction:column;gap:16px;display:flex}.login-page .login-form label{color:var(--a-ink-2);flex-direction:column;gap:7px;font-size:11.5px;font-weight:500;display:flex}.login-page .login-form input{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--a-ink);font-family:var(--sans);border-radius:5px;padding:11px 12px;font-size:14px;transition:border-color .14s}.login-page .login-form input::placeholder{color:var(--a-ink-3)}.login-page .login-form input:focus-visible{border-color:var(--jade);outline:2px solid var(--jade);outline-offset:1px}.login-page .login-form input:disabled{opacity:.6}:-webkit-any(.login-page .login-form input:-webkit-autofill,.login-page .login-form input:autofill){-webkit-text-fill-color:var(--a-ink);caret-color:var(--a-ink);box-shadow:0 0 0 1000px var(--paper) inset}:is(.login-page .login-form input:autofill,.login-page .login-form input:autofill){-webkit-text-fill-color:var(--a-ink);caret-color:var(--a-ink);box-shadow:0 0 0 1000px var(--paper) inset}.login-page .login-form label.login-keep{color:var(--a-ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;gap:8px;font-size:12px;font-weight:500}.login-page .login-form .login-keep input{width:15px;height:15px;accent-color:var(--jade);cursor:pointer;background:0 0;border:0;flex:none;margin:0;padding:0}.login-page .login-form .login-keep input:focus-visible{outline:2px solid var(--jade);outline-offset:2px}.login-page .login-form .login-keep input:disabled{cursor:progress}.login-page .form-error{border:1px solid var(--warnln);background:var(--warnbg);color:var(--warnink);border-radius:5px;margin:0;padding:9px 11px;font-size:12px;line-height:1.6}.login-page .form-note{color:var(--a-ink-3);margin:2px 0 0;font-size:11.5px;line-height:1.7}.login-page .login-foot{border-top:1px solid var(--rule-soft);width:min(1120px,100%);font-family:var(--mono);letter-spacing:.06em;color:var(--a-ink-3);justify-content:space-between;gap:16px;margin:0 auto;padding:18px 40px 28px;font-size:10px;display:flex}@media (max-width:880px){.login-stage{padding:26px max(22px, env(safe-area-inset-left)) 22px max(22px, env(safe-area-inset-right));grid-template-columns:1fr;gap:24px}.login-page .login-brand{margin-bottom:22px}.login-eyebrow{margin-bottom:12px}.login-page .login-intro h1{font-size:clamp(36px,10vw,48px)}.login-lede{margin-top:16px}.login-day{margin-top:18px}.login-page .login-card{padding:20px 22px 18px}.login-page .login-hint{margin-bottom:16px}.login-page .login-form{gap:12px}.login-page .login-foot{padding:14px max(22px, env(safe-area-inset-left)) 18px max(22px, env(safe-area-inset-right));flex-wrap:wrap}}
