.teacher-login{
min-height:100vh;

padding:120px 24px;

display:flex;

justify-content:center;

align-items:center;

position:relative;
}



.teacher-login__container{

width:min(
100%,
560px
);

}



.teacher-login__back{

display:inline-flex;

align-items:center;

gap:8px;

margin-bottom:24px;

color:var(--text-muted);

text-decoration:none;

transition:.25s;

}



.teacher-login__back:hover{

transform:translateX(-3px);

}



.teacher-card{

background: #146343;

backdrop-filter:
blur(
20px
);

border:
1px solid
rgba(
255,
255,
255,
0.5
);

border-radius:32px;

padding:48px;

box-shadow:
0 40px 100px
rgba(
0,
0,
0,
0.08
);

}



.teacher-card__logo{

font-size:28px;

font-weight:700;

margin-bottom:18px;

text-align:center;

}



.teacher-card__logo span{

color:var(--accent);

}



.teacher-card h1{

font-size:40px;

margin-bottom:10px;

text-align:center;

}



.teacher-card p{

color:var(--text-muted);

line-height:1.7;

text-align:center;

}



#teacherLoginForm{

display:grid;

gap:18px;

margin-top:32px;

}



#teacherLoginForm label{

display:flex;

flex-direction:column;

gap:10px;

font-weight:500;

}



#teacherLoginForm input{

padding:18px;

border-radius:16px;

border:
1px solid
rgba(
0,
0,
0,
0.08
);

background:white;

font:inherit;

outline:none;

transition:.25s;

}



#teacherLoginForm input:focus{

border-color:
var(--accent);

box-shadow:
0 0 0 5px
rgba(
52,
199,
89,
0.12
);

}



.password{

position:relative;

}



.password input{

width:100%;

}



.password-toggle{

position:absolute;

right:16px;

top:50%;

transform:
translateY(-50%);

background:none;

border:none;

cursor:pointer;

font-size:18px;

opacity:.7;

}



.remember{

display:flex!important;

flex-direction:row!important;

align-items:center;

gap:12px;

font-size:14px;

}



.remember input{

width:18px;

height:18px;

}



.btn--full{

width:100%;

}



.teacher-note{

font-size:14px;

margin-top:8px;

opacity:.8;

}



@media(
max-width:640px
){

.teacher-login{

padding:80px 16px;

}

.teacher-card{

padding:28px;

border-radius:24px;

}

.teacher-card h1{

font-size:30px;

}

}