.login-bg{background:url(../media/login-page-bg.d24b8884.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:relative}.overlay{z-index:0;background:#00000060;width:100%;height:100%;position:absolute;top:0;left:0}.form-div{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000002b;border-radius:16px;gap:2.25rem;font-family:Poppins,sans-serif;position:absolute}.title-div h2{color:#fff;font-family:Playfair,serif;font-size:4.75rem;line-height:6rem}.main-section{background:url(../media/login-page-bg.d24b8884.jpg) 50%/cover no-repeat;width:100%;height:100vh;position:relative;overflow:hidden}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#28282831;justify-content:center;width:45%;height:100vh;transition:transform .7s ease-in-out;display:flex;position:absolute;top:0}.move-left{transform:translate(0%)}.move-right{transform:translate(125%)}.form-content{color:#9cf59f;width:70%}.form-content h1{margin-bottom:10px;font-size:3rem}.toggle-btn{color:#4eab2c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:50;background:#ffffff27;border:none;border-radius:6px;padding:12px 32px;font-size:1.25rem;font-weight:600;transition:left .7s ease-in-out;position:absolute;top:3.25%;transform:translate(-50%,-50%)}.toggle-btn-left{left:45%}.toggle-btn-right{left:55%}
.input-container{color:#fff;width:530px;margin:.75rem auto;position:relative}input,select{color:#fff;background-color:#0000;border:none;border-bottom:2px solid #ccc;outline:none;width:100%;padding:5px 0;font-size:20px}option{color:#000}select{appearance:none;cursor:pointer}.input-container input[type=text],.input-container input[type=password],.input-container input[type=email]{background-color:#0000;border:none;border-bottom:2px solid #ccc;outline:none;width:100%;padding:5px 0;font-size:20px}.input-container .label{color:#fff;pointer-events:none;transition:all .3s;position:absolute;top:0;left:0}.input-container input[type=text]:focus~.label,.input-container input[type=text]:valid~.label{color:#2f6b0f;font-size:16px;font-weight:600;top:-20px}.input-container input[type=password]:focus~.label,.input-container input[type=password]:valid~.label,.input-container input[type=email]:focus~.label,.input-container input[type=email]:valid~.label,input:focus~.label,input:valid~.label,select:focus~.label,select:valid~.label{color:#337111;font-size:16px;font-weight:600;top:-20px}.input-container .underline{background-color:#429515;width:100%;height:2px;transition:all .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}input:focus~.underline,input:valid~.underline,select:focus~.underline,select:valid~.underline,.input-container input[type=text]:focus~.underline,.input-container input[type=text]:valid~.underline,.input-container input[type=email]:focus~.underline,.input-container input[type=email]:valid~.underline,.input-container input[type=password]:focus~.underline,.input-container input[type=password]:valid~.underline{transform:scaleX(1)}