*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Poppins,sans-serif;color:#111827;background:#fff}.mtech-lms-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.mtech-lms-form-side{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:34px 56px 22px;background:#fff}.mtech-lms-form-wrap{width:100%;max-width:460px;margin:auto}.mtech-lms-logo-wrap{text-align:center;margin-bottom:24px}.mtech-lms-logo-wrap img{width:190px;max-height:110px;object-fit:contain}.mtech-lms-heading{text-align:center;margin-bottom:26px}.mtech-lms-heading h1{margin:0 0 7px;font-size:30px}.mtech-lms-heading p{margin:0;color:#94a3b8;font-size:12px}.mtech-lms-field{margin-bottom:16px}.mtech-lms-field label{display:block;margin-bottom:7px;font-size:11px;font-weight:600}.mtech-lms-field input{width:100%;height:52px;border:1px solid #dfe3e8;border-radius:8px;padding:0 14px;outline:none;font-size:12px}.mtech-lms-field input:focus{border-color:#faa31a;box-shadow:0 0 0 3px rgba(250,163,26,.12)}.mtech-lms-field small{display:block;margin-top:5px;color:#dc2626;font-size:9px}.mtech-lms-password-label{display:flex;align-items:center;justify-content:space-between}.mtech-lms-password-label a{margin-bottom:7px;color:#d97706;text-decoration:none;font-size:10px;font-weight:600}.mtech-lms-password-wrap{position:relative}.mtech-lms-password-wrap input{padding-right:46px}.mtech-lms-password-wrap button{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:7px;border:0;border-radius:7px;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.mtech-lms-password-wrap button:hover{background:#fff7ed;color:#faa31a}.mtech-lms-password-wrap button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;display:block}.mtech-lms-submit{width:100%;height:52px;border:0;border-radius:26px;background:#111827;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.mtech-lms-submit:hover{background:#faa31a;color:#111827}.mtech-lms-alert{padding:10px 12px;border-radius:7px;margin-bottom:14px;font-size:10px}.mtech-lms-alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.mtech-lms-alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.mtech-lms-footer{text-align:center;padding-top:22px}.mtech-lms-footer-logos{display:flex;justify-content:center;align-items:center;gap:22px}.mtech-lms-footer-logos img{max-height:44px;max-width:92px;object-fit:contain}.mtech-lms-footer p{margin:10px 0 0;color:#6b7280;font-size:11px;font-weight:500}.mtech-lms-image-side{
    min-height:100vh;
    padding:22px;
    background:#0f172a;
    display:flex;
    overflow:hidden;
}
.mtech-lms-banner-wrap{
    flex:1;
    min-width:0;
    min-height:0;
    border-radius:18px;
    overflow:hidden;
    background:#0f172a;
    box-shadow:0 18px 45px rgba(15,23,42,.18);
}
.mtech-lms-banner-image{
    width:100%;
    height:100%;
    min-height:calc(100vh - 44px);
    display:block;
    object-fit:cover;
    object-position:center center;
}

@media(min-width:1400px){
    .mtech-lms-banner-image{
        object-position:52% center;
    }
}

@media(max-width:800px){.mtech-lms-shell{display:block}.mtech-lms-form-side{padding:28px 20px;min-height:100vh}.mtech-lms-image-side{display:none}.mtech-lms-logo-wrap img{width:160px}}


/* Student Forgot / Reset Password */
.mtech-student-auth-back{
    margin-top:18px;
    text-align:center;
}
.mtech-student-auth-back a{
    color:#111827;
    font-size:11px;
    font-weight:600;
    text-decoration:none;
}
.mtech-student-auth-back a:hover{
    color:#faa31d;
}
.mtech-lms-password-wrap button[data-toggle-password]{
    width:auto;
    min-width:48px;
    padding:0 8px;
    font-size:9px;
    font-weight:700;
}


/* Student LMS login viewport height fix */
@media(min-width:801px){
    .mtech-lms-shell{
        height:100vh;
        min-height:100vh;
        overflow:hidden;
    }

    .mtech-lms-form-side{
        height:100vh;
        min-height:0;
        overflow:auto;
    }

    .mtech-lms-image-side{
        height:100vh;
        min-height:100vh;
    }
}