:root{
  color-scheme:light;
  --login-page:#f5f5f7;
  --login-surface:rgba(255,255,255,.92);
  --login-line:rgba(60,60,67,.14);
  --login-shadow:0 24px 70px rgba(0,0,0,.08),0 2px 12px rgba(0,0,0,.04);
  --login-content:min(1180px,100%);
}
html,body{min-height:100%;background:var(--login-page)}
body{overflow-x:hidden}
.page-shell{min-height:100dvh;grid-template-rows:68px minmax(0,1fr) auto;background:var(--login-page)}
.site-header{position:sticky;top:0;height:68px;background:rgba(255,255,255,.86);border-bottom:1px solid rgba(60,60,67,.12);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px)}
.nav-inner{width:var(--login-content);padding:0 clamp(20px,4vw,48px)}
.brand{gap:10px}.brand-mark{width:30px!important;height:30px!important}.brand-name{font-size:18px;font-weight:720;letter-spacing:-.025em}
.account-nav{gap:10px}.nav-status{min-height:34px;padding:0 15px;display:inline-flex;align-items:center;border:1px solid rgba(60,60,67,.13);border-radius:999px;background:rgba(118,118,128,.08);color:#515154;font-size:13px;font-weight:650}
.main-content{min-height:auto;place-items:center;padding:clamp(40px,6vh,76px) 20px clamp(48px,8vh,96px)}
.auth-panel{width:min(520px,100%);padding:clamp(34px,4vw,52px);border:1px solid var(--login-line);border-radius:30px;background:var(--login-surface);box-shadow:var(--login-shadow);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.mascot-button{width:86px;height:86px;margin-bottom:22px}.kron-head{width:88px;height:88px}
.heading-group{margin-bottom:32px}.heading-group h1{font-size:clamp(32px,4vw,42px);font-weight:720;letter-spacing:-.045em}.heading-group p{margin-top:10px;font-size:16px}
.field-wrap{height:58px;border-color:rgba(60,60,67,.32);border-radius:15px;background:rgba(255,255,255,.98)}
.field-wrap:hover{border-color:rgba(60,60,67,.48)}.field-wrap:focus-within{border-color:#0071e3;box-shadow:0 0 0 4px rgba(0,113,227,.16)}
.continue-button{right:8px;width:42px;height:42px}.remember-row{margin-top:14px;color:#515154}
.form-message{min-height:20px;margin-top:4px;font-size:13px}
.secondary-actions,.create-account{display:none!important}
.site-footer{min-height:64px;background:transparent}.footer-inner{width:var(--login-content);min-height:64px;padding:14px clamp(20px,4vw,48px) max(14px,env(safe-area-inset-bottom));justify-content:center}.footer-links{display:none}.footer-inner p{color:#86868b;text-align:center}
@media(max-width:680px){
  .page-shell{grid-template-rows:60px minmax(0,1fr) auto}.site-header{height:60px}.nav-inner{padding-inline:18px}.brand-name{font-size:16px}.nav-status{min-height:32px;padding-inline:12px;font-size:12px}
  .main-content{padding:28px 14px 42px}.auth-panel{width:min(100%,460px);padding:34px 22px 30px;border-radius:24px}.mascot-button{width:72px;height:72px;margin-bottom:19px}.kron-head{width:74px;height:74px}.heading-group{margin-bottom:28px}.heading-group h1{font-size:31px}
  .footer-inner{padding-inline:18px}
}
@media(max-width:430px){
  .auth-panel{padding:30px 18px 26px;border-radius:22px;box-shadow:0 18px 48px rgba(0,0,0,.07)}.field-wrap{height:56px}.heading-group h1{font-size:29px}
}
@media(prefers-reduced-transparency:reduce){.site-header,.auth-panel{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}