:root{--navy:#0f3042;--sea:#0b8d94;--ink:#142630;--muted:#687981}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#edf3f2;color:var(--ink);font:15px/1.5 system-ui,Segoe UI,sans-serif;display:grid;place-items:center;padding:24px}.login-shell{width:min(940px,100%);min-height:560px;display:grid;grid-template-columns:1.05fr .95fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 24px 70px #15394524}.login-brand{padding:62px;background:linear-gradient(145deg,#0e3042,#174b5e);color:white}.mark{display:grid;place-items:center;width:48px;height:48px;border:1px solid #83d3d1;border-radius:12px;color:#9ce0dd;font-size:24px;font-weight:900}.login-brand p{margin:23px 0 8px;color:#75cecd;font-size:12px;font-weight:900;letter-spacing:.16em}.login-brand h1{font-size:38px;line-height:1.15;margin:0 0 24px}.login-brand span{display:block;max-width:390px;color:#c1d4db}.login-card{padding:62px 52px;display:flex;flex-direction:column;justify-content:center}.login-card small{color:var(--sea);font-weight:900;letter-spacing:.12em}.login-card h2{margin:8px 0 4px;font-size:28px}.login-card p{color:var(--muted)}form{display:grid;gap:17px;margin-top:25px}label{font-size:12px;font-weight:800}input{display:block;width:100%;margin-top:6px;border:1px solid #bdccca;border-radius:9px;padding:13px;background:#fbfdfc;font:inherit}input:focus{outline:3px solid #0b8d941c;border-color:var(--sea)}button{border:0;border-radius:9px;padding:14px;background:var(--sea);color:white;font-weight:850;font:inherit;cursor:pointer}#login-message{margin:0;color:#9c3030;font-weight:700;font-size:12px}@media(max-width:720px){.login-shell{grid-template-columns:1fr}.login-brand{padding:35px}.login-brand h1{font-size:28px}.login-card{padding:38px 30px}}