:root{--navy:#17243e;--blue:#2470ee;--ink:#172239;--line:#dfe5ed}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans';color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:42% 1fr}.login-side{background:linear-gradient(145deg,#14213a,#253b60);color:#fff;padding:48px 70px;display:flex;flex-direction:column}.login-side img{width:175px;background:#fff;padding:6px;border-radius:7px}.login-side>div{margin:auto 0}.login-side span,.form-side form>span{font-size:8px;letter-spacing:1.6px;color:#62aeff;font-weight:800}.login-side h1{font:800 45px/1.1 Manrope;margin:10px 0}.login-side p{font-size:11px;color:#b4c0d1}.login-side a{color:#aebcd0;text-decoration:none;font-size:9px}.form-side{display:grid;place-items:center;padding:30px;background:#f7f9fc}.form-side form{width:min(390px,100%);background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px;box-shadow:0 18px 50px #17243e12}.form-side form>span{color:var(--blue)}h2{font:800 25px Manrope;margin:5px 0}.form-side p{font-size:10px;color:#7e899b;margin-bottom:22px}label{display:block;font-size:9px;font-weight:700;color:#68758a;margin-top:13px}input{display:block;width:100%;border:1px solid var(--line);border-radius:8px;padding:11px;margin-top:5px;font:500 12px 'DM Sans'}button{width:100%;border:0;background:var(--blue);color:#fff;padding:12px;border-radius:8px;margin-top:20px;font-weight:700}.form-side strong{display:block;color:#d4525c;font-size:9px;margin-top:10px}.form-side small{display:block;font-size:8px;color:#8994a5;margin-top:10px}@media(max-width:700px){main{grid-template-columns:1fr}.login-side{padding:25px;min-height:230px}.login-side img{width:135px}.login-side>div{margin:25px 0}.login-side h1{font-size:29px}.form-side{padding:25px 15px}}