:root{font-family:Inter,system-ui,sans-serif;color:#f1f8fd;background:#00253a;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 65% 60%,#054563,#001b2c 75%)}
main{position:relative;width:min(1672px,100%);height:100vh;height:100svh;min-height:420px;margin:auto}
.welcome{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center}
.login{position:absolute;right:10%;bottom:clamp(16px,6vh,64px);width:350px;max-width:40%;padding:clamp(16px,3vh,26px) 28px;background:#002235e6;border:1px solid #27d5e63b;border-radius:20px;box-shadow:0 24px 70px #0004;backdrop-filter:blur(12px)}
.eyebrow{font-size:10px;letter-spacing:2.5px;color:#00e3ed;font-weight:700;margin:0}
h1{font-size:28px;margin:12px 0 6px}
.login>p:not(.eyebrow){font-size:13px;color:#b6d3df;margin:0 0 16px}
label{display:block;font-size:12px;margin:12px 0 6px;color:#d5eaf1}
input{display:block;width:100%;padding:11px;border:1px solid #548597;background:#032d43;border-radius:8px;font-size:16px;color:white}
input:focus{outline:2px solid #00dce9;outline-offset:2px}
button{width:100%;padding:13px;margin-top:20px;border:0;border-radius:8px;background:#00d9e6;color:#002c40;font-size:14px;font-weight:750;cursor:pointer}
small{display:block;text-align:center;font-size:10px;color:#8db2c3;margin-top:16px}
#error{font-size:12px;color:#ffbdad}
@media(max-width:760px){
 main{display:grid;grid-template-rows:minmax(80px,1fr) auto;gap:10px;padding:12px 18px;min-height:500px}
 .welcome{position:relative;min-height:0;object-position:center bottom}
 .login{position:relative;right:auto;bottom:auto;justify-self:center;width:350px;max-width:100%;padding:18px 24px}
 h1{font-size:25px;margin-top:9px}
 .login>p:not(.eyebrow){margin-bottom:12px}
 label{margin-top:10px}
 button{margin-top:16px}
 small{margin-top:12px}
}
@media(max-height:600px) and (min-width:761px){
 .login{right:8%;bottom:14px;padding:16px 24px}
 h1{font-size:24px;margin-top:8px}
 .login>p:not(.eyebrow){margin-bottom:10px}
 label{margin-top:8px}
 input{padding:9px}
 button{margin-top:14px;padding:11px}
 small{margin-top:10px}
}