.login-layout{max-width:1260px;margin:56px auto 70px;padding:0 32px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:85px}.welcome h1{font-size:clamp(44px,4.9vw,70px);margin:25px 0 20px}.description{font-size:14px;line-height:1.8}.login-mascot{position:relative;max-width:340px;margin:0 0 12px}.login-mascot .scout-art{margin-top:-15px}.login-mascot .hand-note{position:absolute;bottom:10px;left:50%;white-space:nowrap;font-size:14px}.welcome-foot{display:flex;flex-wrap:wrap;gap:20px;font:8px monospace;letter-spacing:1px;margin-top:25px}.login-card{padding:32px 36px;background:var(--white);border:2px solid var(--ink);border-radius:9px;box-shadow:7px 7px 0 var(--ink);position:relative}.card-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:18px}.card-top>span:last-child{font-size:28px;line-height:1;color:var(--red)}.login-card h2{font-size:60px;margin:29px 0 15px;letter-spacing:-3px}.login-card h2 em{color:var(--red)}.subtitle{font-size:13px;line-height:1.7;margin-bottom:23px}label{display:block;font-size:11px;font-weight:700;margin:18px 0 9px}input{width:100%;min-height:48px;border:2px solid var(--ink);border-radius:5px;background:var(--paper);padding:12px;font-size:13px;color:var(--ink)}input::placeholder{color:#777369}button{font:inherit}.password-label{display:flex;justify-content:space-between;align-items:baseline}.password-label>span{font:10px monospace;color:#a12e25}.password-field{position:relative}.password-field input{padding-right:65px}#showPassword{position:absolute;right:8px;top:8px;height:32px;background:none;border:0;border-bottom:1px solid var(--ink);padding:0 7px;color:var(--ink);font-size:11px}#signIn{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:23px;padding:14px 18px;border:2px solid var(--ink);border-radius:5px;background:var(--red);color:var(--white);box-shadow:3px 3px 0 var(--ink);font-size:13px;font-weight:700;min-height:50px}#signIn:hover:not(:disabled){background:var(--ink);box-shadow:3px 3px 0 var(--red)}.session-note{font:10px/1.7 monospace;text-align:center;margin:20px 0;color:var(--muted)}#loginError{border:1px solid #b92c22;background:#ffebe1;color:#93281f;padding:12px;border-radius:4px;font-size:12px;line-height:1.6}details{border-top:1px solid var(--ink);padding-top:17px;font-size:11px}summary{cursor:pointer;font-weight:700}details p{font-size:11px;line-height:1.7}body>footer{margin-left:4%;margin-right:4%}.login-mascot:has(~*) .scout-eye{pointer-events:none}body:has(#password:focus) .eye-open{animation:none;transform:scaleY(.04)}body:has(#password:focus) .eye-shut{animation:none;opacity:1}@media(max-width:1050px){.login-layout{gap:45px}.login-card{padding:28px}.login-mascot .hand-note{left:20%}.welcome-foot{gap:12px}}@media(max-width:760px){.login-layout{display:flex;flex-direction:column;gap:26px;max-width:480px;margin:28px auto 48px;padding:0 22px}.welcome{width:100%}.welcome>.eyebrow,.welcome>.description,.welcome-foot{display:none}.welcome h1{font-size:39px;letter-spacing:-1.8px;margin:0;max-width:250px}.login-mascot{position:absolute;width:110px;right:16px;top:110px;margin:0}.login-mascot .hand-note{display:none}.login-card{width:100%;padding:25px;box-shadow:5px 5px 0 var(--ink)}.login-card h2{font-size:49px;margin:20px 0 12px}.card-top{padding-bottom:13px}.card-top .eyebrow{font-size:9px}body>footer{margin-left:22px;margin-right:22px}.private-label{display:none}}@media(max-width:360px){.welcome h1{font-size:33px}.login-mascot{width:85px;right:6px;top:110px}}
@media(max-width:760px){.welcome{position:relative}.welcome h1{font-size:35px;max-width:250px}.login-mascot{width:100px;right:-8px;top:-2px}.login-mascot .scout-art{margin:0}}
@media(max-width:360px){.welcome h1{font-size:31px;max-width:210px}.login-mascot{width:70px;right:-8px;top:8px}}