.container{

display:flex;

height:100vh;

}

.left{

width:50%;

background:linear-gradient(135deg,#0056b3,#0d47a1);

display:flex;

justify-content:center;

align-items:center;

color:white;

}

.overlay{

text-align:center;

}

.overlay h1{

font-size:60px;

margin-bottom:20px;

}

.overlay h2{

font-size:34px;

margin-bottom:15px;

}

.overlay p{

font-size:18px;

}

.right{

width:50%;

display:flex;

justify-content:center;

align-items:center;

background:white;

}

.login-card{

width:420px;

padding:40px;

background:white;

border-radius:15px;

box-shadow:0px 10px 30px rgba(0,0,0,.15);

}

.login-card h2{

margin-bottom:10px;

}

.login-card p{

margin-bottom:25px;

color:gray;

}

label{

display:block;

margin-bottom:8px;

font-weight:bold;

}

input[type=email],

input[type=text],

input[type=password]{

width:100%;

padding:14px;

margin-bottom:20px;

border:1px solid #ccc;

border-radius:8px;

font-size:15px;

}

.remember{

margin-bottom:20px;

}

button{

width:100%;

padding:15px;

background:#0056b3;

border:none;

color:white;

font-size:17px;

cursor:pointer;

border-radius:8px;

transition:.3s;

}

button:hover{

background:#003b80;

}

.links{

margin-top:20px;

text-align:center;

}

.links a{

text-decoration:none;

color:#0056b3;

}

@media(max-width:900px){

.container{

flex-direction:column;

}

.left{

width:100%;

height:35%;

}

.right{

width:100%;

height:65%;

}

.login-card{

width:90%;

}

}
/*=========================================================
Portal Type Selector
=========================================================*/

.type-selector{

    display:flex;

    gap:12px;

    margin-bottom:20px;

}

.type-option{

    flex:1;

}

.type-option input{

    display:none;

}

.type-option span{

    display:block;

    text-align:center;

    padding:10px;

    border:1px solid #d6dce5;

    border-radius:8px;

    cursor:pointer;

    font-size:14px;

    color:#555;

    transition:.2s;

}

.type-option input:checked + span{

    background:#0b3d91;

    color:#ffffff;

    border-color:#0b3d91;

    font-weight:600;

}

.portal-message{

    margin-top:14px;

    font-size:13.5px;

    font-weight:600;

    min-height:18px;

}