@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/poppins-devanagari-400-normal-478b3ab7.woff2) format("woff2"),url(../assets/poppins-all-400-normal-c68e1edb.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/poppins-latin-ext-400-normal-cb8bdeab.woff2) format("woff2"),url(../assets/poppins-all-400-normal-c68e1edb.woff) format("woff");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(../assets/poppins-latin-400-normal-7d93459d.woff2) format("woff2"),url(../assets/poppins-all-400-normal-c68e1edb.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{padding:0;margin:0;box-sizing:border-box;text-decoration:none;list-style:none}*:before,*:after{box-sizing:inherit}html{font-size:62.5%}@media only screen and (max-width: 530px){html{font-size:56%}}html,body{font-family:Poppins,sans-serif;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}input,textarea{font-family:Poppins,sans-serif}body{font-size:1.6rem}body{display:flex;justify-content:center;align-items:center;min-height:100vh;background:url(../assets/background-565265ca.jpg) no-repeat;background-size:cover;background-position:center}header{position:fixed;top:0;left:0;width:100%;padding:2rem 10rem;display:flex;justify-content:space-between;align-items:center;z-index:99}header h2{font-size:2.4rem;color:#fff;user-select:none}header nav{display:flex;align-items:center;gap:2.8rem}header nav a{position:relative;color:#fff;font-weight:700}header nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:3px;background:#fff;border-radius:5px;transform-origin:right;transform:scaleX(0);transition:transform .3s}header nav a:hover:after{transform-origin:left;transform:scaleX(1)}header nav button{padding:.6rem 4rem;background:transparent;border:2px solid #fff;outline:none;border-radius:6px;cursor:pointer;font-size:1.6rem;color:#fff;font-family:Poppins;font-weight:700;transition:.3s}header nav button:hover{background:#fff;color:#2c3e50}.container{position:relative;width:40rem;height:44rem;background:transparent;border:2px solid rgba(255,255,255,.5);border-radius:20px;backdrop-filter:blur(20px);box-shadow:0 5px 10px #0003;display:flex;justify-content:center;align-items:center;overflow:hidden;transform:scale(0);transition:transform .3s ease,height .2s}.container.active-popup{transform:scale(1)}.container.active{height:520px}.container>span{position:absolute;z-index:1;top:0;right:0;width:4.5rem;height:4.5rem;background:#2c3e50;font-size:2.4rem;color:#fff;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;border-bottom-left-radius:20px}.form-box{width:100%;padding:4rem;display:flex;flex-direction:column;gap:2rem}.form-box.login{transition:transform .18s ease;transform:translate(0)}.active .form-box.login{transition:none;transform:translate(-400px)}.form-box.register{position:absolute;transform:translate(400px);transition:none}.active .form-box.register{transition:transform .18s ease;transform:translate(0)}.form-box h2{font-size:2.4rem;text-align:center;color:#2c3e50}.form-box form{display:flex;flex-direction:column;gap:2rem}.form-box form .input-box{position:relative;width:100%;border-bottom:2px solid #2c3e50;padding:1rem}.form-box form .input-box span{position:absolute;right:8px;font-size:2rem;color:#2c3e50}.form-box form .input-box input{width:100%;height:100%;background:transparent;border:none;outline:none;padding:0 30px 0 0;font-size:1.5rem;color:#2c3e50;font-weight:500}.form-box form .input-box input:focus~label,.form-box form .input-box input:valid~label{top:-5px;font-size:1.2rem}.form-box form .input-box label{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#2c3e50;pointer-events:none;font-weight:500;transition:.2s}.form-box form .remember-forgot{display:flex;justify-content:space-between;align-items:center;font-size:1.4rem}.form-box form .remember-forgot label{display:flex;align-items:center;gap:.5rem;color:#2c3e50;user-select:none}.form-box form .remember-forgot label input{accent-color:#2c3e50}.form-box form .remember-forgot a{color:#2c3e50}.form-box form .remember-forgot a:hover{text-decoration:underline}.form-box form button{height:4.5rem;background-color:#2c3e50;border:none;outline:none;border-radius:6px;cursor:pointer;color:#fff;font-size:1.6rem;font-family:Poppins}.form-box form .login-register{font-size:1.4rem;text-align:center;color:#2c3e50}.form-box form .login-register a{color:#2c3e50;font-weight:600}.form-box form .login-register a:hover{text-decoration:underline}