*{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat","Nunito","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:"Montserrat",sans-serif}body{display:flex;height:100vh;background-color:#f8f9fa}.left-side{flex:1;background:#f5f4f3;display:flex;align-items:center;justify-content:center}.left-side img{max-width:65%;height:auto}.right-side{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.login-box{width:100%;max-width:400px;background:#fff;padding:40px 30px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.1)}.login-box h2{margin-bottom:25px;text-align:center;font-size:28px;font-weight:700;font-family:"Montserrat","Helvetica Neue","Roboto",Helvetica,Arial,sans-serif;color:#294563}.login-box,.register-box{width:400px;margin:auto;padding:40px;background:#fff;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}h2{text-align:center;margin-bottom:25px;color:#181f31}.form-group{position:relative;margin-bottom:25px}.form-group{position:relative;margin-bottom:20px}.form-group input{width:100%;padding:12px;border:1px solid #dcdfe6;border-radius:10px;font-size:15px;outline:none;transition:all .2s}.form-group label{position:absolute;left:12px;top:12px;color:#777;font-size:15px;pointer-events:none;transition:.2s ease all;background:#fff;padding:0 5px;border-radius:4px}.form-group input:focus+label,.form-group input:valid+label{top:-8px;left:8px;font-size:12px;font-weight:500;color:#181f31}.form-group input:focus{border-color:#181f31;box-shadow:0 0 0 3px rgba(24,31,49,.1)}ul.errorlist{color:red;font-size:.8rem;text-align:center;margin-top:4px;margin-bottom:30px;list-style:none;padding-left:10px}button{margin-top:16px;width:100%;padding:12px;background:#ff5d48;border:none;border-radius:10px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s , box-shadow .2s}button:hover{background:#ff2d11;box-shadow:0 6px 12px rgba(0,0,0,.2)}.alt-text{text-align:center;margin-top:15px;font-size:14px;color:#555}.alt-text a{color:#ff5d48;font-weight:600;text-decoration:none}.alt-text a:hover{text-decoration:underline}@media (max-width:768px){body{flex-direction:column}.left-side{flex:none;height:200px}.right-side{flex:1}.left-side img{max-width:40%}}