*{box-sizing:border-box}body{margin:0;font:15px 'Segoe UI',Arial,sans-serif;color:#17382e;background:#f6f7f3}a{color:#166b53}button,input{font:inherit}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh}.story{padding:55px 60px;background:#112f2b;color:#e9f1d7;display:flex;flex-direction:column;justify-content:space-between;gap:60px}.brand{display:flex;align-items:center;gap:15px;font-size:26px;font-weight:700;text-decoration:none;color:inherit}.brand span{font-size:21px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;margin-top:7px;color:#a9c0b3}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:600}.story h1{font-size:clamp(40px,5vw,68px);line-height:1.12;font-weight:500;letter-spacing:-2px;margin:28px 0}.story p:not(.eyebrow){max-width:330px;line-height:1.8;color:#b5c8ba}.story>small{color:#9db5a7;font-size:12px}.entry{display:flex;align-items:center;justify-content:center;padding:40px 25px}.entry-card{width:100%;max-width:400px}.entry h2{font-size:34px;font-weight:600;letter-spacing:-1px;margin:15px 0}.entry p{color:#6a7971;line-height:1.7}.entry label{display:grid;gap:9px;margin-top:23px;font-size:13px;font-weight:600}.entry input{width:100%;padding:14px;border:1px solid #cdd9d0;background:white;border-radius:7px}.entry input:focus{outline:2px solid #41816b;outline-offset:2px}.entry button{width:100%;margin-top:25px;padding:14px;background:#176c53;color:white;border:0;border-radius:7px;font-weight:600;cursor:pointer}.entry button:disabled{opacity:.6}.entry .help{font-size:12px;border-top:1px solid #dce3dc;padding-top:20px;margin-top:30px}#login-status{color:#a23e32;font-size:13px;min-height:20px}details{font-size:12px;line-height:1.7;margin-top:25px}summary{cursor:pointer}details p{margin-top:10px}@media(max-width:700px){.login-layout{grid-template-columns:1fr}.story{padding:25px;gap:24px}.story h1{font-size:32px;margin:15px 0}.story h1 br{display:none}.story h1 br:after{content:' '}.story>small,.story div>p:not(.eyebrow){display:none}.entry{padding:30px 25px}.brand{font-size:22px}.entry h2{font-size:29px}}

.brand>img{width:64px;height:64px;display:block;flex-shrink:0}@media(max-width:700px){.brand>img{width:52px;height:52px}}
