*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;overflow-x:hidden;font-family:'Exo 2',sans-serif}.futuristic-auth-container{min-height:100vh;background:linear-gradient(135deg,#0a0a0a 0,#1a1a2e 50%,#16213e 100%);position:relative;overflow:hidden}.futuristic-auth-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(0,255,255,.15) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,0,255,.15) 0,transparent 50%);animation:authBackgroundShift 25s ease-in-out infinite;pointer-events:none}@keyframes authBackgroundShift{0%,100%{opacity:.6;transform:translateX(0) translateY(0) scale(1)}50%{opacity:.9;transform:translateX(-20px) translateY(20px) scale(1.02)}}.cyber-particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.cyber-particle{position:absolute;width:4px;height:4px;background:rgba(0,255,255,.8);border-radius:50%;animation:particleFloat 8s infinite linear}.cyber-particle:nth-child(2n){background:rgba(255,0,255,.6);animation-duration:12s}.cyber-particle:nth-child(3n){background:rgba(46,213,115,.7);animation-duration:10s}@keyframes particleFloat{0%{transform:translateY(100vh) translateX(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100px) translateX(100px) rotate(360deg);opacity:0}}.cyber-auth-box::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,rgba(0,255,255,.3),rgba(255,0,255,.3),rgba(46,213,115,.3));border-radius:22px;z-index:-1;animation:borderGlow 3s ease-in-out infinite alternate}@keyframes borderGlow{0%{opacity:.5}100%{opacity:1}}.auth-content-wrapper{position:relative;z-index:10;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:30px}.cyber-auth-box{background:rgba(15,25,35,.95);border:2px solid rgba(0,255,255,.3);border-radius:20px;padding:40px;width:100%;max-width:420px;position:relative;backdrop-filter:blur(15px);box-shadow:0 10px 40px rgba(0,0,0,.3)}.cyber-auth-header{text-align:center;margin-bottom:40px}.cyber-avatar-container{margin-bottom:25px}.cyber-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#0ff,#06f);display:inline-flex;align-items:center;justify-content:center;font-size:35px;color:#fff;margin-bottom:20px;box-shadow:0 0 20px rgba(0,255,255,.4)}.cyber-title{font-family:Orbitron,monospace;color:#0ff;font-size:24px;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin:0 0 10px 0;text-shadow:0 0 15px rgba(0,255,255,.5)}.cyber-subtitle{color:#aaa;font-size:14px;font-weight:400;text-transform:uppercase;letter-spacing:1px;margin:0 0 30px 0}.cyber-alert{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);border-radius:8px;color:#ff5252;padding:12px 16px;margin-bottom:20px;text-align:left;font-size:14px;font-weight:500}.cyber-form{margin-top:0}.cyber-form-group{margin-bottom:25px;position:relative}.cyber-input-container{position:relative}.cyber-input{width:100%;padding:15px 20px 15px 50px;background:rgba(0,0,0,.3);border:1px solid rgba(0,255,255,.3);border-radius:10px;color:#fff;font-size:16px;font-family:'Exo 2',sans-serif;transition:all .3s ease;outline:0}.cyber-input:focus{border-color:#0ff;box-shadow:0 0 15px rgba(0,255,255,.3);background:rgba(0,0,0,.4)}.cyber-input::placeholder{color:#888;text-transform:none;font-size:16px;letter-spacing:normal}.cyber-input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#0ff;font-size:18px;z-index:2}.cyber-button{width:100%;padding:16px;background:linear-gradient(135deg,#0ff,#06f);border:none;border-radius:10px;color:#000;font-size:16px;font-weight:600;font-family:Orbitron,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;position:relative}.cyber-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,255,255,.4);background:linear-gradient(135deg,#0cf,#05c)}.cyber-button:active{transform:translateY(0)}.auth-footer{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:15}.footer-content{text-align:center}.footer-logo{max-width:140px;height:auto;margin-bottom:10px;filter:brightness(1.2) opacity(.9);transition:all .3s ease}.footer-logo:hover{filter:brightness(1.4) opacity(1);transform:scale(1.05)}.footer-text{color:rgba(255,255,255,.7);font-size:13px;margin:0;font-weight:400;letter-spacing:.5px}.footer-link{color:#0ff;text-decoration:none;transition:all .3s ease;font-weight:600}.footer-link:hover{color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.6)}.cyber-auth-box-wide{max-width:500px}@media (max-width:768px){.auth-content-wrapper{padding:20px}.cyber-auth-box{padding:40px 30px;border-radius:20px}.cyber-title{font-size:22px;letter-spacing:2px}.cyber-avatar{width:80px;height:80px;font-size:35px}.cyber-input{padding:16px 18px 16px 55px;font-size:15px}.cyber-button{padding:18px;font-size:15px}}@media (max-width:480px){.cyber-auth-box{padding:35px 25px}.cyber-title{font-size:20px}.cyber-input{padding:15px 16px 15px 50px}}