/* ===========================
        LOGIN PAGE
=========================== */

.login-page{

    min-height:100vh;

    background:#F5F7F4;

    display:flex;

    justify-content:center;

    align-items:center;

    position:relative;

    overflow:hidden;

}

/* Glow Background */

.login-page::before{

    content:"";

    position:absolute;

    width:500px;

    height:500px;

    background:#0F766E;

    filter:blur(180px);

    opacity:.08;

    top:-120px;

    right:-100px;

}

.login-card{

    width:470px;

    background:#FFFFFF;

    border-radius:24px;

    padding:45px;

    border:1px solid #E5E7EB;

    box-shadow:0 20px 60px rgba(15,118,110,0.10);

    position:relative;

    z-index:2;

}

.login-header{

    text-align:center;

    margin-bottom:35px;

}

.login-logo{

    width:170px;

    margin-bottom:20px;

}

.login-header h2{

    color:#1F2937;

    font-weight:700;

}

.login-header p{

    color:#6B7280;

}

label{

    color:#374151;

    margin-bottom:8px;

}

.form-control{

    background:#F9FAFB;

    border:1px solid #E5E7EB;

    color:#1F2937;

    height:50px;

    border-radius:12px;

}

.form-control::placeholder{

    color:#9CA3AF;

}

.form-control:focus{

    background:#FFFFFF;

    color:#1F2937;

    border-color:#0F766E;

    box-shadow:0 0 15px rgba(15,118,110,.15);

}

.remember{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin:18px 0 25px;

    color:#374151;

    font-size:14px;

}

.remember a{

    color:#0F766E;

    text-decoration:none;

}

.btn-login{

    width:100%;

    height:52px;

    border:none;

    border-radius:12px;

    background:linear-gradient(135deg,#0F766E,#065F46);

    color:white;

    font-weight:600;

    transition:.3s;

}

.btn-login:hover{

    background:linear-gradient(135deg,#0D9488,#0F766E);

    transform:translateY(-2px);

    box-shadow:0 8px 20px rgba(15,118,110,.25);

}

.divider{

    text-align:center;

    color:#9CA3AF;

    margin:30px 0 20px;

}

.social-login{

    display:flex;

    gap:15px;

}

.social-login button{

    flex:1;

    height:50px;

    background:#F5F7F4;

    color:#374151;

    border:1px solid #E5E7EB;

    border-radius:12px;

    font-size:20px;

    transition:.3s;

}

.social-login button:hover{

    background:#D1FAE5;

    border-color:#0F766E;

    color:#0F766E;

}

.register-link{

    text-align:center;

    margin-top:30px;

    color:#6B7280;

}

.register-link a{

    color:#0F766E;

    text-decoration:none;

    font-weight:600;

}