*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden;overflow-y:auto;background:#0a0e17}img,svg,canvas,video{max-width:100%}input,select,textarea,button{font:inherit}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.gradient-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}.gradient-overlay .gradient{position:absolute;border-radius:50%;filter:blur(100px);opacity:.1}.gradient-overlay .gradient-1{width:600px;height:600px;background:linear-gradient(135deg,#667eea,#764ba2);top:-300px;right:-300px;animation:float 25s infinite ease-in-out}.gradient-overlay .gradient-2{width:500px;height:500px;background:linear-gradient(135deg,#f093fb,#f5576c);bottom:-250px;left:-250px;animation:float 30s infinite ease-in-out reverse}.gradient-overlay .gradient-3{width:400px;height:400px;background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 15s infinite ease-in-out}.login-card{position:relative;z-index:3;background:#ffffff08;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:24px;padding:48px 40px;width:100%;max-width:420px;border:1px solid rgba(255,255,255,.08);box-shadow:0 25px 75px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;margin:20px}.logo-container{position:relative;width:100px;height:100px;margin:0 auto 30px}.login-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 25px rgba(255,215,0,.4));position:relative;z-index:2}.logo-glow{position:absolute;inset:-10px;background:radial-gradient(circle,rgba(255,215,0,.25) 0%,transparent 70%);z-index:1;border-radius:50%}.logo-hologram{position:absolute;inset:-20px;z-index:0}.hologram-layer{position:absolute;inset:0;border-radius:50%;border:1px solid;animation:hologram 4s infinite linear}.hologram-layer:nth-child(1){border-color:#667eea;animation-delay:0s}.hologram-layer:nth-child(2){border-color:#764ba2;animation-delay:1s}.hologram-layer:nth-child(3){border-color:#4facfe;animation-delay:2s}.title{text-align:center;margin-bottom:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.title-main{display:block;font-size:3.2rem;font-weight:900;background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,215,0,.3);letter-spacing:1px}.title-sub{display:block;font-size:1.3rem;font-weight:300;color:#ffffffd9;letter-spacing:3px;text-transform:uppercase;margin-top:-5px}.login-subtitle{text-align:center;color:#fff9;font-size:1rem;font-weight:400;margin-bottom:40px;letter-spacing:.5px}.input-group{margin-bottom:20px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#fff6;font-size:1.2rem;z-index:1;transition:color .3s ease}.input-field{width:100%;padding:16px 20px 16px 48px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:inherit;font-weight:400}.input-field:focus{outline:none;border-color:#ffd70066;box-shadow:0 0 0 3px #ffd7001a;background:#ffffff0f}.input-field:focus+.input-icon{color:gold}.input-field::placeholder{color:#ffffff4d;font-weight:300}.input-valid{position:absolute;right:16px;color:#52dd38;font-size:1rem;transition:transform .3s ease}.password-toggle{position:absolute;right:16px;background:none;border:none;color:#fff6;cursor:pointer;padding:4px;transition:color .3s ease;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.password-toggle:hover{color:gold}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{display:none}.checkbox-custom{width:18px;height:18px;border:1px solid rgba(255,255,255,.2);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:relative;flex-shrink:0;background:#ffffff05}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent}.checkbox-check{color:#fff;font-size:10px;opacity:0;transform:scale(0);transition:all .3s ease}.checkbox-input:checked+.checkbox-custom .checkbox-check{opacity:1;transform:scale(1)}.checkbox-label{color:#ffffffb3;font-size:.9rem;font-weight:400}.forgot-password{background:none;border:none;color:#ffd700cc;font-size:.9rem;cursor:pointer;padding:6px 12px;border-radius:6px;transition:all .3s ease;font-family:inherit;text-decoration:none;font-weight:400}.forgot-password:hover{color:gold;background:#ffd7001a}.btn-login{width:100%;padding:18px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:30px;font-family:inherit;letter-spacing:.5px;text-transform:uppercase}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-login:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn-icon{font-size:1.1rem}.btn-text{font-size:1rem;font-weight:600}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s infinite linear}.success-container{display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;background:#52dd3814;border:1px solid rgba(82,221,56,.15);border-radius:12px;margin-bottom:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-icon{width:36px;height:36px;background:linear-gradient(135deg,#52dd38,#2bb120);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;flex-shrink:0;box-shadow:0 0 20px #52dd384d}.success-text h3{color:#52dd38;margin-bottom:4px;font-size:1.1rem;font-weight:600}.success-text p{color:#ffffffb3;font-size:.85rem}.footer{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.05)}.footer-text{color:#fff6;font-size:.8rem;font-weight:300;letter-spacing:.5px}.particles-overlay{position:fixed;inset:0;z-index:2;pointer-events:none}.particle{position:absolute;width:1px;height:1px;background:#fff9;border-radius:50%;filter:blur(.5px)}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-30px) rotate(120deg)}66%{transform:translateY(20px) rotate(240deg)}}@keyframes pulse{0%,to{opacity:.08;transform:translate(-50%,-50%) scale(1)}50%{opacity:.12;transform:translate(-50%,-50%) scale(1.05)}}@keyframes hologram{0%{transform:rotate(0) scale(1);opacity:.3}50%{transform:rotate(180deg) scale(1.1);opacity:.6}to{transform:rotate(360deg) scale(1);opacity:.3}}@keyframes spin{to{transform:rotate(360deg)}}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media(max-width:768px){.login-card{margin:15px;padding:40px 30px;max-width:400px}.logo-container{width:90px;height:90px;margin-bottom:25px}.title-main{font-size:2.8rem}.title-sub{font-size:1.2rem;letter-spacing:2px}.login-subtitle{font-size:.95rem;margin-bottom:35px}.form-options{flex-direction:column;align-items:flex-start;gap:15px}.forgot-password{align-self:flex-end}}@media(max-width:480px){.login-card{padding:35px 25px;border-radius:20px}.logo-container{width:80px;height:80px}.title-main{font-size:2.4rem}.title-sub{font-size:1rem;letter-spacing:1.5px}.login-subtitle{font-size:.9rem;margin-bottom:30px}.input-field{padding:14px 16px 14px 44px;font-size:.95rem}.btn-login{padding:16px;font-size:.95rem}.footer-text{font-size:.75rem}}