*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#08131c;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.landscape,.landscape>div{position:fixed;inset:0;pointer-events:none}.landscape{background:linear-gradient(130deg,#1c4858,#08131c)}.landscape>div{background-position:center;background-size:cover;opacity:0;transition:opacity 2.5s ease}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#06131c66,#04101d38 45%,#020b16a6),linear-gradient(0deg,#06131ca6,transparent 60%)}.login-layout{position:relative;min-height:100dvh;max-width:1600px;margin:auto;padding:clamp(28px,5vw,80px);display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,7vw,120px);align-items:center}.welcome{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:440px}.brand{text-decoration:none;letter-spacing:4px;font-size:22px;font-weight:800;color:#fff}.brand span{font-weight:300;color:#b9e2e7}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:#c7d9df}.welcome h1{font-size:clamp(38px,4.8vw,76px);font-weight:500;letter-spacing:-2px;line-height:1.1;margin:20px 0}.welcome p{font-size:16px;line-height:1.8;color:#d7e1e5}.welcome footer{display:flex;align-items:center;gap:10px;color:#d2e0e4;font-size:12px}.dot{width:6px;height:6px;border-radius:50%;background:#9ce6d0}#landscapePeriod{margin-left:auto}.login-card{width:100%;max-width:450px;justify-self:end;padding:clamp(26px,3vw,46px);background:#0c1c2abb;border:1px solid #ffffff26;box-shadow:0 24px 80px #0003;border-radius:24px;backdrop-filter:blur(24px)}h2{font-size:28px;font-weight:500;line-height:1.2;letter-spacing:-.6px;margin:20px 0 12px}.login-card>p{color:#acbfcd;font-size:14px;line-height:1.6}form{margin-top:28px}label{display:block;font-size:12px;color:#dbe7eb;margin:20px 0 9px}input{font:inherit;width:100%;min-height:48px;padding:14px;background:#ffffff09;color:white;border:1px solid #ffffff26;border-radius:9px;outline:none}input:focus{border-color:#a3d8d9;box-shadow:0 0 0 3px #a3d8d91f}input::placeholder{color:#8da0b0}.password-field{position:relative}.password-field input{padding-right:66px}.password-field button{position:absolute;right:6px;top:6px;min-height:36px;border:0;background:transparent;color:#bdcfd8;cursor:pointer}.submit{margin-top:8px;width:100%;min-height:49px;border:0;border-radius:9px;background:#d3eeea;color:#112e36;font:inherit;font-size:14px;font-weight:600;display:flex;justify-content:space-between;align-items:center;padding:15px 18px;cursor:pointer}.submit:disabled{opacity:.6}.error{min-height:20px;color:#ffc3b9;font-size:12px;margin:12px 0}.login-card .account-note{font-size:11px;text-align:center;margin:24px 0 0;color:#9caebb}button:focus-visible,a:focus-visible{outline:2px solid #c7f9ef;outline-offset:4px}@media(max-width:700px){.login-layout{grid-template-columns:1fr;gap:28px;padding:24px}.welcome{min-height:180px}.welcome h1{font-size:36px;margin:14px 0}.welcome p,.welcome footer{display:none}.login-card{justify-self:center;max-width:500px}.brand{font-size:18px}.welcome>div{margin-top:32px}}@media(max-height:650px) and (min-width:701px){.login-layout{padding:24px 5vw}.welcome{min-height:360px}.login-card{padding:24px 32px}form{margin-top:18px}label{margin-top:14px}}@media(prefers-reduced-motion:reduce){.landscape>div{transition:none}}