.cyber-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0b3648 0%,#1a4a5c 50%,#0b3648 100%);z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity 0.5s ease-out}.cyber-loading-overlay.fade-out{opacity:0;pointer-events:none}.cyber-loading-container{text-align:center;max-width:600px;padding:2rem}.cyber-terminal{background:rgba(0,0,0,0.7);border:2px solid #3869D4;border-radius:10px;padding:2rem;box-shadow:0 0 20px rgba(56,105,212,0.5),inset 0 0 20px rgba(56,105,212,0.1);position:relative;overflow:hidden}.cyber-terminal::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#3869D4,transparent);animation:scan 2s linear infinite}@keyframes scan{0%{left:-100%}100%{left:100%}}.terminal-header{display:flex;align-items:center;gap:8px;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #3869D4}.terminal-dot{width:12px;height:12px;border-radius:50%;background:#3869D4;animation:pulse 1s ease-in-out infinite}.terminal-dot:nth-child(2){background:#FF6136;animation-delay:0.2s}.terminal-dot:nth-child(3){background:#3869D4;animation-delay:0.4s}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.3}}.terminal-text{font-family:'Courier New',monospace;color:#3869D4;text-align:left;font-size:1rem;line-height:1.5}.terminal-line{margin:0.5rem 0;opacity:0;animation:typeIn 0.5s ease-out forwards}.terminal-line:nth-child(1){animation-delay:0.1s}.terminal-line:nth-child(2){animation-delay:0.3s}.terminal-line:nth-child(3){animation-delay:0.5s}.terminal-line:nth-child(4){animation-delay:0.7s}.terminal-line:nth-child(5){animation-delay:0.9s}@keyframes typeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.terminal-cursor{display:inline-block;width:10px;height:20px;background:#3869D4;animation:blink 1s infinite;vertical-align:text-bottom}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}.cyber-progress{margin-top:2rem;background:rgba(0,0,0,0.5);border-radius:10px;padding:3px;border:1px solid #3869D4;overflow:hidden}.cyber-progress-bar{height:10px;background:linear-gradient(90deg,#3869D4,#FF6136,#3869D4);background-size:200% 100%;border-radius:7px;animation:progressFlow 2s linear infinite,progressFill 3s ease-out forwards;width:0%}@keyframes progressFlow{0%{background-position:0% 0%}100%{background-position:200% 0%}}@keyframes progressFill{0%{width:0%}30%{width:30%}60%{width:60%}100%{width:100%}}.loading-message{margin-top:1.5rem;color:#FF6136;font-size:0.9rem;font-family:'Courier New',monospace;animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,100%{opacity:0.5}50%{opacity:1}}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:0.1;overflow:hidden}.matrix-column{position:absolute;top:-100%;font-family:monospace;font-size:20px;color:#3869D4;animation:matrixFall linear infinite}@keyframes matrixFall{to{transform:translateY(calc(100vh + 100%))}}@media (max-width:768px){.cyber-terminal{padding:1.5rem}.terminal-text{font-size:0.9rem}.loading-message{font-size:0.8rem}}.glitch{animation:glitch 2s infinite}@keyframes glitch{0%,100%{text-shadow:0 0 2px #3869D4,0 0 4px #3869D4}25%{text-shadow:-2px 0 #FF6136,2px 0 #3869D4}50%{text-shadow:2px 0 #FF6136,-2px 0 #3869D4}75%{text-shadow:0 0 2px #3869D4,0 0 4px #3869D4}}.loading-avatar{width:80px;height:80px;margin:0 auto 1rem;border-radius:50%;border:3px solid #3869D4;padding:5px;background:rgba(0,0,0,0.5);animation:rotate 4s linear infinite}.loading-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}body.loading-active{overflow:hidden}