@import url(/static/css/Orbitron-family.css);:root{--primary:#00f0ff;--secondary:#0078be8e;--dark:#0a192f;--light:#e6f1ff;--danger:#ff2d75;--warning:#ff9e00;--panel-bg:rgba(10, 25, 47, 0.8);--electric-blue:#00eeff;--electric-green:#00ff9d;--electric-purple:#9d00ff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--dark);color:var(--light);height:100vh;overflow:hidden;position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.container{display:flex;justify-content:center;align-items:center;height:100vh;position:relative;z-index:1}.login-box{position:relative;width:400px;padding:40px;background:rgba(10,25,47,.6);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 25px rgba(0,119,190,.3);border-radius:10px;z-index:2;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.login-box::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(0,119,190,.1),transparent);pointer-events:none}.login-box:hover{box-shadow:0 0 25px rgba(0,119,190,.5);border-color:rgba(0,119,190,.3)}.login-header{text-align:center;margin-bottom:30px}.login-header h1{font-family:Orbitron,sans-serif;color:var(--primary);font-size:28px;margin-bottom:10px;text-shadow:0 0 15px rgba(0,238,255,.7)}.login-header p{color:#aaa;font-size:14px}.login-tabs{display:flex;margin-bottom:30px;background:rgba(30,30,60,.4);border-radius:10px;padding:5px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.tab-btn{flex:1;background:0 0;border:none;color:#aaa;padding:12px;font-size:16px;cursor:pointer;border-radius:8px;transition:.3s;font-family:Roboto,sans-serif;position:relative;overflow:hidden}.tab-btn.active{background:linear-gradient(135deg,var(--secondary),#005b8c7d);color:#fff;box-shadow:0 0 15px rgba(0,119,190,.6);transform:translateY(-2px)}.tab-btn:hover{color:#fff;background:rgba(0,119,190,.2);box-shadow:0 0 15px rgba(0,119,190,.4)}.tab-btn::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent,rgba(0,255,157,.1),transparent);opacity:0;transition:opacity .3s}.tab-btn:hover::before{opacity:1}.input-group{position:relative;margin-bottom:25px}.input-group input{width:100%;padding:15px 20px 15px 50px;background:rgba(30,30,60,.4);border:1px solid rgba(100,150,255,.3);border-radius:10px;color:#fff;font-size:16px;transition:.3s;font-family:Roboto,sans-serif;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.input-group input:focus{outline:0;border-color:var(--secondary);box-shadow:0 0 15px rgba(0,119,190,.5)}.input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:18px}.sms-group{display:flex;align-items:center}.sms-group input{flex:1;margin-right:10px}.send-sms-btn{background:linear-gradient(135deg,var(--secondary),#005a8c);color:#fff;border:none;padding:12px 15px;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap;transition:.3s;position:relative;overflow:hidden;font-family:Roboto,sans-serif;box-shadow:0 0 10px rgba(0,119,190,.3)}.send-sms-btn:hover{box-shadow:0 0 15px rgba(0,119,190,.6);transform:translateY(-2px)}.send-sms-btn:disabled{background:#1a3a5f;cursor:not-allowed;transform:none;box-shadow:none}.send-sms-btn:disabled::after{opacity:0!important}.send-sms-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(0,255,157,0) 45%,rgba(0,255,157,.2) 50%,rgba(0,255,157,0) 55%);transform:rotate(30deg);animation:2s linear infinite electricFlash}.send-sms-btn::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--electric-blue),var(--electric-green),var(--electric-purple),var(--electric-blue));border-radius:10px;z-index:-1;animation:3s linear infinite electricBorder;background-size:300% 300%;opacity:0;transition:opacity .3s;filter:blur(2px)}.send-sms-btn:hover::after{opacity:.7}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;font-size:14px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.checkbox-container{color:#aaa;display:flex;align-items:center;cursor:pointer}.checkbox-container input{margin-right:8px;width:auto}.forgot-password{color:var(--primary);text-decoration:none;transition:.3s}.forgot-password:hover{text-shadow:0 0 10px rgba(0,238,255,.7)}.login-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--secondary),#005a8c);border:none;border-radius:10px;color:#fff;font-size:18px;cursor:pointer;transition:.3s;box-shadow:0 5px 15px rgba(0,119,190,.4);position:relative;overflow:hidden;font-family:Roboto,sans-serif;letter-spacing:1px;font-weight:500}.login-btn::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,rgba(0,255,157,0) 45%,rgba(0,255,157,.2) 50%,rgba(0,255,157,0) 55%);transform:rotate(30deg);animation:2s linear infinite electricFlash}.login-btn::after{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,var(--electric-blue),var(--electric-green),var(--electric-purple),var(--electric-blue));border-radius:12px;z-index:-1;animation:3s linear infinite electricBorder;background-size:300% 300%;opacity:0;transition:opacity .3s;filter:blur(2px)}.login-btn:hover{box-shadow:0 0 20px rgba(0,119,190,.6);transform:translateY(-2px)}.login-btn:hover::after{opacity:.7}.login-btn:active{transform:translateY(0)}.login-footer{text-align:center;margin-top:30px;color:#aaa;font-size:14px}.register-link{color:var(--primary);text-decoration:none;transition:.3s}.register-link:hover{text-shadow:0 0 10px rgba(0,238,255,.7)}.form-tab{display:none}.form-tab.active{display:block}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-content{background:var(--panel-bg);margin:5% auto;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:10px;box-shadow:0 0 25px rgba(0,119,190,.3);width:90%;max-width:400px;position:relative;animation:.3s ease-out modalFadeIn}@keyframes modalFadeIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:var(--primary);font-size:24px}.close-modal{color:#aaa;font-size:28px;font-weight:700;cursor:pointer;transition:color .3s}.close-modal:hover{color:var(--primary)}.modal-body{padding:20px}.modal-body p{color:#aaa;margin-bottom:20px;line-height:1.5}.modal .input-group{margin-bottom:20px}.modal .input-group input{width:100%;padding:15px 20px 15px 50px;background:rgba(30,30,60,.4);border:1px solid rgba(100,150,255,.3);border-radius:10px;color:#fff;font-size:16px;transition:.3s;font-family:Roboto,sans-serif;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal .input-group input:focus{outline:0;border-color:var(--secondary);box-shadow:0 0 15px rgba(0,119,190,.5)}.modal .input-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--primary);font-size:18px}.modal .sms-group{display:flex;align-items:center}.modal .sms-group input{flex:1;margin-right:10px}.modal .send-sms-btn{background:linear-gradient(135deg,var(--secondary),#005a8c);color:#fff;border:none;padding:12px 15px;border-radius:8px;cursor:pointer;font-size:14px;white-space:nowrap;transition:.3s;position:relative;overflow:hidden;font-family:Roboto,sans-serif;box-shadow:0 0 10px rgba(0,119,190,.3)}.modal .send-sms-btn:hover{box-shadow:0 0 15px rgba(0,119,190,.6);transform:translateY(-2px)}.modal .send-sms-btn:disabled{background:#1a3a5f;cursor:not-allowed;transform:none;box-shadow:none}.modal .login-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--secondary),#005a8c);border:none;border-radius:10px;color:#fff;font-size:18px;cursor:pointer;transition:.3s;box-shadow:0 5px 15px rgba(0,119,190,.4);position:relative;overflow:hidden;font-family:Roboto,sans-serif;letter-spacing:1px;font-weight:500;margin-top:10px}.company-info{position:fixed;bottom:20px;left:0;width:100%;text-align:center;color:rgba(230,241,255,.7);font-size:14px;z-index:1}.company-name{font-weight:700;margin-bottom:5px;text-shadow:0 0 5px rgba(0,238,255,.5)}.copyright{font-size:12px;color:rgba(230,241,255,.5)}.particles,.particles2{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.particles2::before,.particles::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,119,190,.05) 1px,transparent 1px),linear-gradient(rgba(0,119,190,.05) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;filter:blur(1px)}@media (max-width:480px){.login-box{width:90%;padding:30px 20px}.login-header h1{font-size:24px}.company-info{font-size:12px;bottom:10px}.copyright{font-size:10px}.modal-content{width:95%}}@keyframes electricFlash{0%{transform:rotate(30deg) translate(-30%,-30%);opacity:.3}25%,75%{opacity:.8}50%{opacity:.3}100%{transform:rotate(30deg) translate(30%,30%);opacity:.3}}@keyframes electricBorder{0%,100%{background-position:0 0;filter:blur(2px)}50%{background-position:100% 100%;filter:blur(3px)}}