.login-section{background:radial-gradient(circle,#5865f21a,#0000 70%),#23272a;justify-content:center;align-items:center;min-height:100vh;padding:120px 0 60px;display:flex;position:relative;overflow:hidden}.login-section:before{content:"";opacity:.03;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.login-section:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000004d);width:100%;height:200px;position:absolute;bottom:-100px;left:0}.login-container{text-align:center;width:100%;max-width:500px;margin:0 auto}.login-title{font-family:Orbitron,"sans-serif";font-family:var(--font-orbitron),sans-serif;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px #5865f24d;color:#fff;margin-bottom:3rem;font-size:3.6rem;font-weight:700;position:relative}.login-title .highlight{color:#5865f2;position:relative}.login-title .highlight:after{content:"";z-index:-1;background-color:#5865f233;width:100%;height:30%;position:absolute;bottom:0;left:0;transform:skew(-15deg)}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2f3136cc;border:1px solid #ffffff0d;border-radius:12px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000004d,inset 0 0 1px 1px #ffffff1a,0 0 15px #5865f233}.login-box:before{content:"";background:linear-gradient(90deg,#5865f2,#eb459e);width:100%;height:5px;position:absolute;top:0;left:0}.input-group{text-align:left;margin-bottom:25px}.input-group label{color:#fff;opacity:.9;letter-spacing:.5px;margin-bottom:8px;font-size:1.4rem;font-weight:500;display:block}.input-wrapper{z-index:1;background:#1e1f2299;border:1px solid #ffffff1a;border-radius:6px;padding-right:5px;transition:all .3s;position:relative;overflow:visible}.input-wrapper i{color:#5865f2;font-size:1.4rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrapper i.toggle-password{color:#5865f2;cursor:pointer;z-index:10;text-align:center;pointer-events:auto;background:#2f313699;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:5px;font-size:1.4rem;display:flex;position:absolute;top:50%;left:auto;right:10px;transform:translateY(-50%)}.input-wrapper i.toggle-password:hover{color:#4752c4}.input-wrapper input{color:#fff;width:100%;font-size:1.6rem;font-family:var(--font-poppins),sans-serif;z-index:2;pointer-events:auto;background:0 0;border:none;outline:none;padding:15px 35px 15px 45px;position:relative}.input-wrapper input::placeholder{color:#ffffff4d}.input-wrapper:focus-within{border-color:#5865f2;box-shadow:0 0 10px #5865f233}.error-message{color:#ed4245;text-align:left;opacity:0;background:#ed42451a;border-left:3px solid #ed4245;border-radius:4px;margin-bottom:25px;padding:12px 15px;font-size:1.4rem;transition:all .3s;transform:translateY(-10px)}.error-message.show{opacity:1;transform:translateY(0)}.login-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:100%;font-size:1.6rem;font-weight:600;font-family:var(--font-poppins),sans-serif;background:#5865f2;border:none;border-radius:6px;margin-top:15px;padding:15px;transition:all .3s;display:inline-block;position:relative;overflow:hidden}.login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.login-button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 5px 15px #5865f266}.login-button:hover:before{left:100%}.login-button i{margin-right:8px}.login-info{color:#fff9;border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px;font-size:1.4rem}.login-info p{margin-bottom:10px}.login-info a{color:#fff;text-decoration:none;transition:all .3s;position:relative}.login-info a:after{content:"";background:#5865f2;width:0;height:1px;transition:all .3s;position:absolute;bottom:-2px;left:0}.login-info a:hover{color:#eb459e}.login-info a:hover:after{background:#eb459e;width:100%}.password-toggle{color:#5865f2!important;cursor:pointer!important;z-index:10!important;text-align:center!important;pointer-events:auto!important;background:#2f313699!important;border:none!important;border-radius:4px!important;outline:none!important;justify-content:center!important;align-items:center!important;width:24px!important;height:24px!important;margin:0!important;padding:5px!important;font-size:1.6rem!important;transition:all .3s!important;display:flex!important;position:absolute!important;top:50%!important;right:5px!important;transform:translateY(-50%)!important}.password-toggle:hover{color:#4752c4!important}.discord-login-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;width:100%;font-size:1.6rem;font-weight:600;font-family:var(--font-poppins),sans-serif;white-space:nowrap;background:#5865f2;border-radius:6px;justify-content:center;align-items:center;margin-top:25px;padding:15px;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden;z-index:1000!important;text-shadow:none!important;opacity:1!important}.discord-login-button i{margin-right:10px;font-size:1.8rem;color:#fff!important;text-shadow:none!important;opacity:1!important}.discord-login-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.discord-login-button:hover{background:#4752c4;transform:translateY(-2px);box-shadow:0 5px 15px #5865f266}.discord-login-button:hover:before{left:100%}@media (max-width:768px){.login-container{max-width:400px;padding:0 20px}.login-title{font-size:3rem}.login-box{padding:30px 20px}}@media (max-width:480px){.login-title{font-size:2.6rem}.input-wrapper input{padding:12px 12px 12px 40px}.login-button{padding:12px}}