*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-family:'Segoe UI',sans-serif;
}

body{
    background:#f8f9fa;
    overflow-x:hidden;
    position:relative;
}

.bg-top{
    position:fixed;
    top:-120px;
    right:-120px;
    width:500px;
    height:300px;
    background:#28a745;
    border-bottom-left-radius:300px;
    z-index:-1;
}

.bg-bottom{
    position:fixed;
    bottom:-120px;
    left:-120px;
    width:450px;
    height:300px;
    background:#28a745;
    border-top-right-radius:300px;
    z-index:-1;
}

.login-card{
    width:100%;
    max-width:700px;
    background:white;
    padding:50px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);
}

.logo-title{
    font-size:48px;
    font-weight:bold;
    color:#222;
    margin-top:10px;
}

.logo-title span{
    color:#28a745;
}

.logo-subtitle{
    letter-spacing:5px;
    color:gray;
    font-size:15px;
}

.welcome{
    color:#28a745;
    font-weight:bold;
}

.form-label{
    font-size:18px;
}

.input-group-text{
    background:white;
    border-right:none;
}

.form-control{
    border-left:none;
    height:55px;
    font-size:17px;
}

.form-control:focus{
    box-shadow:none;
    border-color:#ced4da;
}

.input-group:focus-within .input-group-text{
    border-color:#86b7fe;
}

.bi4{
    color:#ffffff;
    font-size:20px;
}

.bi5{
    color:#28a745;
    font-size:20px;
}

.eye{
    cursor:pointer;
    background:white;
}

.forgot{
    color:#28a745;
    text-decoration:none;
}

.forgot:hover{
    text-decoration:underline;
}

.login-btn{
    height:55px;
    font-size:22px;
    font-weight:bold;
    border-radius:10px;
}

.divider{
    display:flex;
    align-items:center;
    text-align:center;
}

.divider::before,
.divider::after{
    content:'';
    flex:1;
    border-bottom:1px solid #ddd;
}

.divider span{
    margin:0 15px;
    color:gray;
}

.admin-btn{
    height:55px;
    font-size:20px;
    border-radius:10px;
}

.contact{
    color:#28a745;
    text-decoration:none;
}

.contact:hover{
    text-decoration:underline;
}

footer{
    text-align:center;
    color:gray;
    margin:30px 0;
}

@media(max-width:768px){

.login-card{
    padding:30px;
    margin:20px;
}

.logo-title{
    font-size:38px;
}

}

/* Error Message */
.alert-danger {
    border-radius: 10px;
    font-size: 14px;
    padding: 12px 15px;
    margin-bottom: 25px;
}