*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}section{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100vh;overflow:hidden}section .bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}section .trees{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:100;pointer-events:none}section .girl{position:absolute;scale:.65;pointer-events:none;animation:animateGirl 10s linear infinite}@keyframes animateGirl{0%{transform:translate(calc(100% + 100vw))}50%{transform:translate(calc(-100% - 100vw))}50.01%{transform:translate(calc(-100% - 100vw)) rotateY(180deg)}to{transform:translate(calc(100% + 100vw)) rotateY(180deg)}}.login{position:relative;padding:40px;background:#ffffff40;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #fff;border-bottom:1px solid rgba(255,255,255,.5);border-right:1px solid rgba(255,255,255,.5);border-radius:20px;width:500px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;gap:20px;box-shadow:0 25px 50px #0000001a}.login::-webkit-scrollbar{width:8px}.login::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.login::-webkit-scrollbar-thumb{background:#8f2c244d;border-radius:10px}.login::-webkit-scrollbar-thumb:hover{background:#8f2c2480}.login h2{position:relative;width:100%;text-align:center;font-size:2.5em;font-weight:600;color:#8f2c24;margin-bottom:5px;margin-top:0}.login .inputBox{position:relative}.login .inputBox input{position:relative;width:100%;padding:15px 20px;outline:none;font-size:1.25em;color:#8f2c24;border-radius:5px;background:#fff;border:none;margin-bottom:15px}.login .inputBox ::placeholder{color:#8f2c24}.login .inputBox #btn{position:relative;border:none;outline:none;background:#8f2c24;color:#fff;cursor:pointer;font-size:1.25em;font-weight:500;transition:.5s}.login .inputBox #btn:hover{background:#d64c42}.login .group{display:flex;justify-content:space-between}.login .group a{font-size:1.25em;color:#8f2c24;font-weight:500;text-decoration:none}.login .group a:nth-child(2){text-decoration:underline}.leaves{position:absolute;width:100%;height:100vh;overflow:hidden;display:flex;justify-content:center;align-items:center;z-index:1;pointer-events:none}.leaves .set{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.leaves .set div{position:absolute;display:block}.leaves .set div:nth-child(1){left:20%;animation:animate 20s linear infinite}.leaves .set div:nth-child(2){left:50%;animation:animate 14s linear infinite}.leaves .set div:nth-child(3){left:70%;animation:animate 12s linear infinite}.leaves .set div:nth-child(4){left:5%;animation:animate 15s linear infinite}.leaves .set div:nth-child(5){left:85%;animation:animate 18s linear infinite}.leaves .set div:nth-child(6){left:90%;animation:animate 12s linear infinite}.leaves .set div:nth-child(7){left:15%;animation:animate 14s linear infinite}.leaves .set div:nth-child(8){left:60%;animation:animate 15s linear infinite}@keyframes animate{0%{opacity:0;top:-10%;transform:translate(20px) rotate(0)}10%{opacity:1}20%{transform:translate(-20px) rotate(45deg)}40%{transform:translate(-20px) rotate(90deg)}60%{transform:translate(20px) rotate(180deg)}80%{transform:translate(-20px) rotate(45deg)}to{top:110%;transform:translate(20px) rotate(225deg)}}