.login-shell{width:min(1150px,calc(100% - 80px));margin:70px auto;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.login-intro h1{font-size:clamp(44px,5vw,70px);margin:24px 0}.login-intro h1 span{color:#697a78}.login-intro>p:last-child{font-size:20px}.login-card{padding:40px;background:white;border:1px solid var(--line);border-radius:4px}.login-card h2{font-size:30px;margin-bottom:16px}.login-card>p{font-size:14px;color:var(--muted)}.login-card form{margin-top:26px}.login-card label{display:block;margin-bottom:18px;font-size:13px;font-weight:600}.login-card input{display:block;width:100%;font-size:16px;height:48px;padding:10px 12px;border:1px solid #aebdb7;border-radius:3px;background:var(--paper);margin-top:7px}.login-card button{width:100%;margin:8px 0 20px;min-height:48px}.login-card button:disabled{opacity:.55}.login-help a{text-decoration:underline}.login-card .login-note{font-size:12px;margin-top:20px;line-height:1.6}#login-error{font-size:14px;color:#ac332b;line-height:1.5}.header>a:last-child{font-size:13px}@media(max-width:820px){.login-shell{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px;margin:36px auto}.login-intro h1{font-size:44px;margin:18px 0}.login-intro>p:last-child{font-size:17px}.login-card{padding:26px 22px}.login-card h2{font-size:27px}}
.login-card .password-field{position:relative;display:block;margin-top:7px}.login-card .password-field input{margin-top:0;padding-right:52px}.login-card .password-field .password-visibility{position:absolute;right:2px;top:2px;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border:0;border-radius:3px;background:transparent;color:#455c55;cursor:pointer}.login-card .password-visibility:hover{background:#e4ebe7}.login-card .password-visibility:focus-visible{outline:2px solid #455c55;outline-offset:-3px}

.login-card .account-success{margin-top:24px;padding:24px;border:2px solid #36835c;border-radius:6px;background:#edf8f0;color:#204a35}.login-card .account-success h3{font-size:24px;margin:0 0 14px}.login-card .account-success p{font-size:16px;line-height:1.5}.login-card .account-success .button{margin-top:12px}.login-card form[hidden]{display:none}
/* Compact, consistent access forms; eye controls keep their existing geometry. */
.login-shell{max-width:1000px;gap:48px;margin:48px auto}.login-intro h1{font-size:clamp(32px,4vw,46px)}.login-intro>p:last-child{font-size:18px;line-height:1.6}.login-card{border-radius:10px;padding:32px;box-shadow:0 8px 30px #153b4810}.login-card h2{font-size:25px;line-height:1.3}.login-card label{font-size:14px}.login-card .login-note{font-size:13px}.login-card .account-success h3{font-size:22px}@media(max-width:820px){.login-shell{gap:20px;margin:28px auto}.login-intro h1{font-size:32px}.login-card{padding:24px 20px}}