@import"https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #00f0ff;--secondary: #00b8d4;--dark: #0a1929;--darker: #050d14;--accent: #7c4dff;--success: #00e676;--warning: #ffd600;--glow: 0 0 10px var(--primary), 0 0 20px var(--primary), 0 0 30px var(--primary);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .6s cubic-bezier(.68, -.55, .265, 1.55)}body{font-family:Share Tech Mono,Courier New,monospace;background:var(--darker);color:var(--primary);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;background:linear-gradient(135deg,#0a1929,#050d14);position:relative}.app:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999;opacity:.4}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(0,240,255,.2) 0%,transparent 70%);border-radius:50%;filter:blur(80px);animation:pulse-glow 6s ease-in-out infinite;will-change:transform,opacity}@keyframes pulse-glow{0%,to{opacity:.3;transform:scale(1) translateY(0)}50%{opacity:.5;transform:scale(1.15) translateY(-10px)}}.login-box{background:#0a1929e6;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border-radius:20px;display:flex;max-width:940px;width:100%;overflow:hidden;position:relative;z-index:1;box-shadow:0 20px 60px #000000b3,0 0 0 1px #00f0ff1a;animation:slideInUp .8s cubic-bezier(.4,0,.2,1)}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.neon-border{border:1px solid rgba(0,240,255,.35);box-shadow:0 0 5px #00f0ff66,0 0 20px #00f0ff33,inset 0 0 15px #00f0ff0d}.left{flex:1;padding:48px 40px;display:flex;flex-direction:column;gap:20px;min-width:0}.logo-area{display:flex;align-items:center;gap:14px;margin-bottom:12px}.logo-icon{font-size:36px;color:var(--primary);text-shadow:var(--glow);animation:rotate-smooth 12s linear infinite;will-change:transform}@keyframes rotate-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-title{font-size:28px;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--primary);text-shadow:0 0 10px var(--primary),0 0 20px rgba(0,240,255,.5);margin:0;animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:1}50%{opacity:.85}}.subtitle{font-size:13px;color:#8a9fb5;margin-bottom:12px;letter-spacing:1.5px;opacity:0;animation:fadeIn .6s ease .3s forwards}@keyframes fadeIn{to{opacity:1}}.label{font-size:11px;color:var(--secondary);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:8px;display:block;transition:var(--transition-smooth)}.input{width:100%;padding:15px 18px;background:#001428b3;border:1.5px solid rgba(0,240,255,.25);border-radius:10px;color:var(--primary);font-family:inherit;font-size:15px;transition:var(--transition-smooth);outline:none}.input:focus{border-color:var(--primary);box-shadow:0 0 20px #00f0ff4d,inset 0 0 10px #00f0ff0d;background:#001e32d9;transform:translateY(-1px)}.input::placeholder{color:#8a9fb580;font-style:italic}.btn-login{margin-top:16px;padding:17px 36px;background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);border:none;border-radius:10px;color:var(--darker);font-family:inherit;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2.5px;cursor:pointer;position:relative;overflow:hidden;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 15px #00f0ff4d}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s ease}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00f0ff80,0 0 20px #00f0ff4d}.btn-login:active{transform:translateY(-1px);transition:all .1s ease}.btn-arrow{font-size:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55)}.btn-login:hover .btn-arrow{transform:translate(6px)}.demo-notice{margin-top:20px;padding:14px;background:#ffd6001f;border:1px solid rgba(255,214,0,.35);border-radius:8px;font-size:11px;color:var(--warning);display:flex;align-items:center;gap:10px;animation:fadeIn .6s ease .6s backwards}.warning-icon{font-size:18px;animation:pulse-warning 2s ease-in-out infinite}@keyframes pulse-warning{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.right{flex:1;background:#050d14f2;padding:40px;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(0,240,255,.25);min-width:0}.previewBox{width:100%;background:#000a14e6;border:1px solid rgba(0,240,255,.3);border-radius:10px;padding:28px;box-shadow:inset 0 0 20px #00f0ff0d}.previewTitle{font-size:14px;color:var(--primary);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:24px;display:flex;align-items:center;gap:12px}.pulse-dot{width:10px;height:10px;background:var(--success);border-radius:50%;box-shadow:0 0 15px var(--success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 15px var(--success)}50%{opacity:.5;transform:scale(1.4);box-shadow:0 0 25px var(--success)}}.console-lines{display:flex;flex-direction:column;gap:12px}.console-line{font-size:12px;color:#00f0ffbf;font-family:Courier New,monospace;animation:fadeInLine .8s ease forwards;opacity:0;transform:translate(-10px)}.console-line:nth-child(1){animation-delay:.3s}.console-line:nth-child(2){animation-delay:.5s}.console-line:nth-child(3){animation-delay:.7s}.console-line:nth-child(4){animation-delay:.9s}@keyframes fadeInLine{to{opacity:1;transform:translate(0)}}.console-cursor{animation:blink 1.2s step-end infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.dashboard{height:100vh;display:flex;flex-direction:column;overflow:hidden;animation:fadeIn .5s ease}.control-bar{background:#0a1929f2;-webkit-backdrop-filter:blur(25px) saturate(180%);backdrop-filter:blur(25px) saturate(180%);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(0,240,255,.35);box-shadow:0 4px 30px #00000080,inset 0 -1px #00f0ff1a;position:relative;z-index:100;flex-shrink:0}.brand{font-size:19px;font-weight:700;letter-spacing:3.5px;color:var(--primary);text-shadow:0 0 15px var(--primary),0 0 30px rgba(0,240,255,.5);display:flex;align-items:center;gap:14px}.brand-icon{font-size:26px;animation:pulse-dot 3s ease-in-out infinite}.badge{font-size:10px;background:var(--accent);color:#fff;padding:5px 12px;border-radius:14px;letter-spacing:1.5px;box-shadow:0 2px 10px #7c4dff66}.status-indicator{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--secondary);letter-spacing:1.2px}.status-dot{width:11px;height:11px;background:var(--success);border-radius:50%;box-shadow:0 0 15px var(--success)}.status-dot.pulse{animation:pulse-dot 2s ease-in-out infinite}.map-container{flex:1;width:100%;height:100%;position:relative;border:2px solid rgba(0,240,255,.25);overflow:hidden;box-shadow:inset 0 0 30px #00f0ff0d}#map{width:100%;height:100%;min-height:100%}.hack-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#050d14fa;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:10000;display:flex;align-items:center;justify-content:center;animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}.hack-overlay.fade-out{animation:fadeOut 1s cubic-bezier(.4,0,1,1) forwards}@keyframes fadeOut{to{opacity:0;transform:scale(.96);filter:blur(5px)}}.hack-panel{text-align:center;max-width:650px;padding:50px;animation:slideInUp .8s cubic-bezier(.4,0,.2,1)}.hack-title{font-size:34px;font-weight:700;letter-spacing:5px;color:var(--primary);text-shadow:var(--glow),0 0 40px rgba(0,240,255,.3);margin-bottom:20px;text-transform:uppercase}.typing-effect{display:inline-block;overflow:hidden;white-space:nowrap;animation:typing 2.2s steps(35) forwards}@keyframes typing{0%{width:0}to{width:100%}}.hack-subtitle{font-size:12px;color:var(--warning);letter-spacing:2.5px;margin-bottom:45px;opacity:0;animation:fadeInLine .6s ease 1.2s forwards}.hack-lines{display:flex;flex-direction:column;gap:18px;margin-top:36px}.hack-lines .line{font-size:14px;color:#00f0ffb3;text-align:left;opacity:0;transform:translate(-30px)}.hack-lines .line.active{animation:slideInLeft .7s cubic-bezier(.4,0,.2,1) forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.loader-container{margin-top:40px;display:flex;flex-direction:column;gap:20px;align-items:center}.loader{width:65px;height:65px;border:4px solid rgba(0,240,255,.15);border-top-color:var(--primary);border-radius:50%;animation:spin 1.2s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 20px #00f0ff33}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{width:100%;height:5px;background:#00f0ff26;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0000004d}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));background-size:200% 100%;width:0;animation:progress 4.2s cubic-bezier(.4,0,.2,1) forwards,shimmer 2s linear infinite;box-shadow:0 0 15px var(--primary)}@keyframes progress{to{width:100%}}@keyframes shimmer{to{background-position:200% 0}}@media (max-width: 768px){.login-box{flex-direction:column;max-width:100%;margin:10px;border-radius:16px}.right{border-left:none;border-top:1px solid rgba(0,240,255,.25);padding:28px 24px}.left{padding:36px 24px}.login-title{font-size:22px;letter-spacing:2.5px}.logo-icon{font-size:28px}.hack-title{font-size:22px;letter-spacing:3px}.hack-panel{padding:30px 20px;max-width:90%}.hack-lines .line{font-size:12px}.control-bar{flex-direction:column;gap:14px;padding:16px 20px}.brand{font-size:15px;letter-spacing:2px}.brand-icon{font-size:20px}.badge{font-size:9px;padding:4px 10px}.status-indicator{font-size:11px}.map-container{border-width:1px}}@media (max-width: 480px){.login-container{padding:15px}.left{padding:28px 20px;gap:16px}.input{padding:13px 16px;font-size:14px}.btn-login{padding:15px 28px;font-size:13px}.previewBox{padding:20px}.console-line{font-size:11px}}.swal2-popup{background:#0a1929fa!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border:1px solid rgba(0,240,255,.4)!important;color:var(--primary)!important;font-family:Share Tech Mono,monospace!important;border-radius:16px!important;box-shadow:0 20px 60px #000c,0 0 0 1px #00f0ff33!important}.swal2-title{color:var(--primary)!important;text-shadow:0 0 10px var(--primary),0 0 20px rgba(0,240,255,.5)!important}.swal2-html-container{color:#00f0ffd9!important}.swal2-confirm{background:linear-gradient(135deg,var(--primary),var(--secondary))!important;color:var(--darker)!important;font-weight:700!important;box-shadow:0 6px 20px #00f0ff66!important;border:none!important;border-radius:8px!important;padding:12px 28px!important;transition:var(--transition-smooth)!important}.swal2-confirm:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #00f0ff99!important}.map-container,#map,.hack-overlay,.loader,.pulse-dot,.logo-icon{will-change:transform}html{scroll-behavior:smooth}