/*======================================================
STUDENT LOGIN
======================================================*/

#student-login-section{
    position:relative;
    overflow:hidden;
    padding:40px 4%;

    background:
    linear-gradient(
    180deg,
    #f6fbff,
    #ffffff);
}

/*======================
BACKGROUND
======================*/

.student-login-glow{
    position:absolute;
    border-radius:50%;
    filter:blur(100px);
    opacity:.12;
    pointer-events:none;
}

.student-login-glow-left{
    width:260px;
    height:260px;
    left:-80px;
    top:-80px;
    background:#2563eb;
}

.student-login-glow-right{
    width:240px;
    height:240px;
    right:-70px;
    bottom:-70px;
    background:#10b981;
}

/*======================*/

.student-login-wrapper{

    position:relative;
    z-index:2;

    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:1fr 400px;
    gap:28px;
}

/*======================*/

.student-school-panel{

    background:
    linear-gradient(
    135deg,
    #0f172a,
    #1e293b);

    color:#fff;

    border-radius:24px;

    padding:40px;

    box-shadow:
    0 18px 45px rgba(15,23,42,.15);
}

/*======================*/

.student-school-logo-block{
    display:flex;
    gap:20px;
    align-items:center;
}

.student-school-logo-wrap{

    width:92px;
    height:92px;

    border-radius:20px;

    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;
}

.student-school-logo{
    width:70%;
}

.student-access-badge{

    display:inline-flex;
    gap:8px;

    background:rgba(16,185,129,.18);

    color:#6ee7b7;

    padding:8px 14px;

    border-radius:30px;

    font-size:.8rem;

    margin-bottom:14px;
}

.student-school-title h1{

    margin:0;
    font-size:2rem;
}

.student-school-name{
    color:#93c5fd;
}

.student-school-intro{

    margin-top:12px;

    color:#cbd5e1;

    line-height:1.7;
}

/*======================*/

.student-feature-grid{

    margin-top:35px;

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:16px;
}

.student-feature{

    background:rgba(255,255,255,.06);

    border:1px solid rgba(255,255,255,.08);

    border-radius:16px;

    padding:18px;

    display:flex;

    gap:14px;

    align-items:center;

    transition:.25s;
}

.student-feature:hover{

    background:rgba(255,255,255,.10);

    transform:translateY(-3px);
}

.student-feature i{

    color:#34d399;

    font-size:1.2rem;
}

/*======================*/

.student-school-meta{

    margin:30px 0;

    display:flex;

    gap:25px;

    flex-wrap:wrap;

    color:#dbeafe;
}

.student-meta-item{

    display:flex;

    gap:10px;

    align-items:center;
}

/*======================*/

.student-school-notice{

    padding:22px;

    border-radius:18px;

    background:rgba(255,255,255,.05);

    border-left:5px solid #10b981;
}

.student-school-notice-header{

    display:flex;

    gap:10px;

    align-items:center;

    margin-bottom:12px;

    font-weight:600;

    color:#fff;
}

/*======================*/

.student-login-panel{

    background:#fff;

    border-radius:24px;

    padding:35px;

    box-shadow:
    0 15px 40px rgba(15,23,42,.08);
}

.student-form-badge{

    display:inline-flex;

    gap:8px;

    padding:8px 14px;

    border-radius:30px;

    background:#eff6ff;

    color:#2563eb;

    margin-bottom:15px;
}

.student-form-header h2{
    margin:0;
}

.student-form-header p{

    color:#64748b;

    margin-top:10px;
}

/*======================*/

.student-input-group{

    margin-top:22px;
}

.student-input-group label{

    display:block;

    margin-bottom:8px;

    font-weight:600;

    color:#334155;
}

.student-input-wrap{

    display:flex;

    align-items:center;

    border:1px solid #dbe4ef;

    border-radius:14px;

    padding:0 15px;

    transition:.25s;
}

.student-input-wrap:focus-within{

    border-color:#2563eb;

    box-shadow:0 0 0 4px rgba(37,99,235,.08);
}

.student-input-wrap i{

    color:#94a3b8;
}

.student-input{

    flex:1;

    border:none;

    padding:15px;

    outline:none;

    background:none;
}

/*======================*/

.student-login-options{

    margin-top:20px;
}

.student-login-btn{

    width:100%;

    margin-top:26px;

    padding:16px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    color:#fff;

    font-size:1rem;

    font-weight:600;

    background:
    linear-gradient(
    135deg,
    #2563eb,
    #10b981);

    transition:.25s;
}

.student-login-btn:hover{

    transform:translateY(-2px);

    box-shadow:
    0 10px 25px rgba(37,99,235,.20);
}

.student-login-links{

    margin-top:24px;

    text-align:center;
}

.student-login-links a{

    text-decoration:none;

    color:#2563eb;

    font-weight:600;
}

/*======================
Responsive
======================*/

@media(max-width:960px){

.student-login-wrapper{

grid-template-columns:1fr;
}

.student-school-panel{

order:2;
}

.student-login-panel{

order:1;
}
}