body{
        background:linear-gradient(135deg,#0f172a,#1e3a8a);
        min-height:100vh;
    }

    .student-login-section{
        min-height:100vh;
        display:flex;
        align-items:center;
        justify-content:center;
        padding:40px 15px;
    }

    .login-card{
        width:100%;
        max-width:1000px;
        background:#fff;
        border-radius:30px;
        overflow:hidden;
        box-shadow:0 20px 60px rgba(0,0,0,0.2);
    }

    .left-panel{
        background:linear-gradient(135deg,#2563eb,#1d4ed8);
        color:#fff;
        padding:60px 40px;
        height:100%;
        position:relative;
    }

    .left-panel::before{
        content:'';
        position:absolute;
        width:250px;
        height:250px;
        background:rgba(255,255,255,0.08);
        border-radius:50%;
        top:-80px;
        right:-80px;
    }

    .school-logo{
        width:90px;
        height:90px;
        border-radius:50%;
        background:#fff;
        display:flex;
        align-items:center;
        justify-content:center;
        margin-bottom:25px;
    }

    .school-logo img{
        width:70px;
    }

    .feature-item{
        margin-bottom:15px;
        font-size:15px;
    }

    .right-panel{
        padding:50px;
        background:#fff;
    }

    .login-title{
        font-weight:700;
        color:#0f172a;
    }

    .login-subtitle{
        color:#64748b;
        margin-bottom:35px;
    }

    .form-label{
        font-weight:600;
        color:#334155;
    }

    .input-group-custom{
        position:relative;
    }

    .input-group-custom i{
        position:absolute;
        left:16px;
        top:18px;
        color:#64748b;
        z-index:10;
    }

    .form-control{
        height:55px;
        border-radius:14px;
        padding-left:48px;
        border:1px solid #cbd5e1;
    }

    .form-control:focus{
        border-color:#2563eb;
        box-shadow:0 0 0 4px rgba(37,99,235,0.12);
    }

    .btn-login{
        height:55px;
        border:none;
        border-radius:14px;
        background:linear-gradient(135deg,#2563eb,#1d4ed8);
        font-weight:600;
        font-size:16px;
        transition:0.3s;
    }

    .btn-login:hover{
        transform:translateY(-2px);
        box-shadow:0 12px 25px rgba(37,99,235,0.25);
    }

    .btn-login.loading{
        pointer-events:none;
        opacity:0.8;
    }

    .extra-links{
        display:flex;
        justify-content:space-between;
        align-items:center;
        margin-top:15px;
        font-size:14px;
    }

    .extra-links a{
        text-decoration:none;
        color:#2563eb;
        font-weight:500;
    }

    .footer-text{
        text-align:center;
        margin-top:30px;
        color:#64748b;
        font-size:14px;
    }

    .invalid-feedback{
        display:block;
    }

    @media(max-width:991px){

        .left-panel{
            display:none;
        }

        .right-panel{
            padding:35px 25px;
        }

    }