body{
background:#f5f7fa;
}

.card-modern{
border:none;
border-radius:20px;
box-shadow:0 15px 50px rgba(0,0,0,0.08);
}

.login-container{
max-width:450px;
margin:90px auto;
}

.floating-label{
position:relative;
margin-bottom:22px;
}

.floating-label input{
border-radius:30px;
padding:14px 45px 14px 45px;
border:1px solid #ddd;
}

.floating-label label{
position:absolute;
top:12px;
left:45px;
font-size:14px;
color:#999;
transition:0.2s;
pointer-events:none;
}

.floating-label input:focus + label,
.floating-label input:not(:placeholder-shown) + label{
top:-9px;
left:38px;
font-size:12px;
background:white;
padding:0 5px;
color:#28a745;
}

.input-icon{
position:absolute;
left:15px;
top:50%;
transform:translateY(-50%);
color:#aaa;
}

.password-toggle{
position:absolute;
right:15px;
top:50%;
transform:translateY(-50%);
cursor:pointer;
color:#aaa;
}

.password-toggle:hover{
color:#28a745;
}

.register-link{
font-size:14px;
}