@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");.login-page-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Poppins,sans-serif;gap:20px;padding:20px;position:relative;z-index:10}.box{position:relative;background:#1c1c1c;border-radius:50px 5px;overflow:hidden;width:100%;max-width:400px}.box:before{background:linear-gradient(60deg,transparent,#45f3ff,#45f3ff)}.box:after,.box:before{content:"";position:absolute;top:-50%;left:-50%;width:100%;height:100%;transform-origin:bottom right;animation:animate 6s linear infinite}.box:after{background:linear-gradient(60deg,transparent,#d9138a,#d9138a);animation-delay:-3s}@keyframes animate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-form{position:relative;inset:2px;border-radius:50px 5px;background:#28292d;z-index:10;padding:30px;display:flex;flex-direction:column}.login-form h2{color:#45f3ff;font-size:35px;font-weight:500;text-align:center}.input-box{margin-top:35px}.input-box,.input-box input{position:relative;width:100%}.input-box input{padding:20px 10px 10px;background:transparent;border:none;outline:none;color:#23242a;font-size:1em;letter-spacing:.05em;z-index:10;color:white}.input-box .password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;z-index:11}.login-form input[type=submit]{font-size:20px;border:none;outline:none;background:#45f3ff;padding:5px;margin-top:40px;border-radius:90px;font-weight:600;cursor:pointer;width:100%}.login-form input[type=submit]:active{background:linear-gradient(90deg,#45f3ff,#d9138a);opacity:.8}.input-box span{position:absolute;left:0;padding:20px 10px 10px;font-size:1em;color:#8f8f8f;pointer-events:none;letter-spacing:.05em;transition:.5s}.input-box input:focus~span,.input-box input:valid~span{color:#45f3ff;transform:translateX(0) translateY(-34px);font-size:.75em}.input-box i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:rgb(69,243,255);border-radius:4px;transition:.5s;pointer-events:none;z-index:9}.links{display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;flex-wrap:wrap}.links p{margin:25px 0;font-size:.9em;color:#8f8f8f;text-decoration:none}.links a:hover{color:#45f3ff}.links a.signup-link{color:#d9138a;font-weight:600}.links a.signup-link:hover{color:#45f3ff}@media (max-width:480px){.box,.login-form{border-radius:30px 5px}.login-form{padding:20px}.login-form h2{font-size:28px}.input-box{margin-top:30px}}*{margin:0;padding:0;box-sizing:border-box}.particle-container{font-family:Arial,sans-serif;background-color:#000;overflow:hidden;height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-1}#background-video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:1;transform:translateX(-50%) translateY(-50%);background-size:cover;transition:opacity 1s;opacity:.3}.content{position:relative;z-index:2;pointer-events:auto;display:flex;justify-content:center;align-items:center;height:100%;width:100%}