body{
margin:0;
font-family:"Segoe UI",Roboto,Arial;
background:#0f172a;
}

/* MAIN */

.login-container{
display:flex;
height:100vh;
}

/* LEFT PANEL */

.login-left{
width:38%;
background:white;
display:flex;
align-items:center;
justify-content:center;
}

/* LOGIN CARD */

.login-card{

width:360px;
padding:40px;

border-radius:14px;

box-shadow:
0 20px 50px rgba(0,0,0,0.12);

}

.login-card h2{
margin:0;
font-size:26px;
}

.logo-row{

display:flex;
align-items:center;
gap:14px;

margin-bottom:20px;

}

.logo-makara{

width:55px;

}

.logo-ais-ui{

height:70px;

}

.subtitle{
color:#666;
margin-bottom:25px;
}

/* INPUT */

.input-group{
margin-bottom:18px;
}

.input-group label{
font-size:14px;
display:block;
margin-bottom:6px;
}

.input-group input{

width:100%;
padding:11px;

border:1px solid #ddd;
border-radius:6px;

font-size:14px;

}

/* PASSWORD */

.password-wrapper{
position:relative;
}

.toggle{

position:absolute;
right:10px;
top:9px;

cursor:pointer;
font-size:16px;

opacity:0.6;
}

/* OPTIONS */

.options{
display:flex;
justify-content:space-between;
margin-bottom:15px;
}

.remember{
font-size:13px;
color:#666;
}

/* BUTTON */

button{

width:100%;

padding:12px;

border:none;
border-radius:6px;

background:#1f6feb;

color:white;

font-size:15px;
font-weight:600;

cursor:pointer;

}

button:hover{
background:#155ec7;
}

.hint{
font-size:12px;
color:#888;
margin-top:12px;
}

/* RIGHT PANEL */

.login-right{

width:62%;

background:url("/static/img/port_bg.jpg");
background-size:cover;
background-position:center;

position:relative;

display:flex;
align-items:center;
justify-content:center;

color:white;

}

/* OVERLAY */

.overlay{

position:absolute;
width:100%;
height:100%;

background:
linear-gradient(
135deg,
rgba(30,60,114,0.85),
rgba(42,82,152,0.85)
);

}

/* TEXT */

.right-content{

position:relative;
width:55%;

}

.right-content h1{

font-size:42px;
margin-bottom:20px;

}

.right-content p{
font-size:17px;
opacity:0.9;
}

.right-content ul{

margin-top:25px;
padding-left:18px;

}

.right-content li{

margin-bottom:10px;
font-size:15px;

}