@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;700&family=Space+Grotesk:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap');:root{--cyber-bg:#0a0a0f;--cyber-bg2:#0d0d1a;--cyber-bg3:#111122;--cyber-card:#0d0d18;--cyber-card-hover:#12122a;--cyber-overlay:rgba(0, 0, 0, 0.85);--cyber-cyan:#00f0ff;--cyber-magenta:#ff0055;--cyber-green:#00ff41;--cyber-purple:#8b5cf6;--cyber-gold:#ffd700;--cyber-red:#ff0040;--cyber-orange:#ff6600;--cyber-blue:#0066ff;--cyber-pink:#ff00aa;--cyber-text:#e0e0ff;--cyber-text-dim:#8888bb;--cyber-text-faint:#555577;--cyber-text-bright:#ffffff;--cyber-border:rgba(0, 240, 255, 0.15);--cyber-border-cyan:rgba(0, 240, 255, 0.3);--cyber-border-magenta:rgba(255, 0, 85, 0.3);--cyber-border-green:rgba(0, 255, 65, 0.3);--cyber-border-gold:rgba(255, 215, 0, 0.3);--cyber-border-glow:0 0 10px rgba(0, 240, 255, 0.3);--cyber-glow-cyan:0 0 20px rgba(0, 240, 255, 0.3), 0 0 40px rgba(0, 240, 255, 0.1);--cyber-glow-magenta:0 0 20px rgba(255, 0, 85, 0.3), 0 0 40px rgba(255, 0, 85, 0.1);--cyber-glow-green:0 0 20px rgba(0, 255, 65, 0.3), 0 0 40px rgba(0, 255, 65, 0.1);--cyber-glow-purple:0 0 20px rgba(139, 92, 246, 0.3), 0 0 40px rgba(139, 92, 246, 0.1);--cyber-glow-gold:0 0 20px rgba(255, 215, 0, 0.3), 0 0 40px rgba(255, 215, 0, 0.1);--cyber-glow-red:0 0 20px rgba(255, 0, 64, 0.3), 0 0 40px rgba(255, 0, 64, 0.1);--cyber-gradient-cyan:linear-gradient(135deg, #00f0ff, #0088ff);--cyber-gradient-magenta:linear-gradient(135deg, #ff0055, #ff00aa);--cyber-gradient-green:linear-gradient(135deg, #00ff41, #00cc33);--cyber-gradient-gold:linear-gradient(135deg, #ffd700, #ff9900);--cyber-gradient-purple:linear-gradient(135deg, #8b5cf6, #6d28d9);--cyber-gradient-cyber:linear-gradient(135deg, #00f0ff, #ff0055, #8b5cf6);--cyber-gradient-hot:linear-gradient(135deg, #ff0055, #ff6600);--cyber-gradient-dark:linear-gradient(180deg, #0a0a0f, #0d0d1a);--cyber-gradient-card:linear-gradient(180deg, rgba(0, 240, 255, 0.05), rgba(139, 92, 246, 0.05));--cyber-font:'JetBrains Mono', 'Share Tech Mono', 'Courier New', monospace;--cyber-font-display:'Space Grotesk', 'Inter', 'Segoe UI', sans-serif;--cyber-radius:8px;--cyber-radius-lg:16px;--cyber-radius-xl:24px;}*{box-sizing:border-box;}html{scroll-behavior:smooth;}body{font-family:var(--cyber-font-display) !important;background-color:var(--cyber-bg) !important;color:var(--cyber-text) !important;margin:0 !important;padding:0 !important;min-height:100vh !important;overflow-x:hidden !important;}.cyberpunk-body{position:relative !important;}.cyberpunk-body::after{content:'' !important;position:fixed !important;inset-block-start:0 !important;inset-inline-start:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;z-index:999999 !important;background:repeating-linear-gradient( 0deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 3px ) !important;animation:scanline 8s linear infinite !important;}.cyberpunk-body::before{content:'' !important;position:fixed !important;inset-block-start:0 !important;inset-inline-start:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;z-index:0 !important;background-image:linear-gradient(rgba(0, 240, 255, 0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 240, 255, 0.02) 1px, transparent 1px) !important;background-size:60px 60px !important;}body > section, body > main, body > .container, body > header, body > nav, body > footer, body > div:not(.bg-layer):not(.bg-particles):not(.glow-orb-1):not(.glow-orb-2){position:relative;z-index:1;}h1, h2, h3, h4, h5, h6{font-family:var(--cyber-font-display);color:var(--cyber-text-bright);text-shadow:0 0 10px rgba(0, 240, 255, 0.3);letter-spacing:0.5px;}h1{font-size:2.5rem;font-weight:800;text-shadow:0 0 10px rgba(0, 240, 255, 0.2);}h2{border-block-end:1px solid var(--cyber-border) !important;padding-block-end:0.5rem !important;}.neon-cyan{color:var(--cyber-cyan) !important;text-shadow:var(--cyber-glow-cyan) !important;}.neon-magenta{color:var(--cyber-magenta) !important;text-shadow:var(--cyber-glow-magenta) !important;}.neon-green{color:var(--cyber-green) !important;text-shadow:var(--cyber-glow-green) !important;}.neon-gold{color:var(--cyber-gold) !important;text-shadow:var(--cyber-glow-gold) !important;}.neon-purple{color:var(--cyber-purple) !important;text-shadow:var(--cyber-glow-purple) !important;}.neon-red{color:var(--cyber-red) !important;text-shadow:var(--cyber-glow-red) !important;}.terminal-text, code, pre, .code{font-family:var(--cyber-font) !important;color:var(--cyber-green) !important;text-shadow:0 0 8px rgba(0, 255, 65, 0.4) !important;}.typing-text{display:inline-block !important;overflow:hidden !important;white-space:nowrap !important;border-inline-end:2px solid var(--cyber-cyan) !important;animation:typewriter 3s steps(40) 1s forwards, blink-caret 0.75s step-end infinite !important;max-width:0 !important;}.typing-text.done{border-inline-end-color:transparent !important;}.glitch-text{position:relative !important;display:inline-block !important;animation:glitch-skew 4s infinite linear alternate-reverse !important;}.glitch-text::before, .glitch-text::after{content:attr(data-text) !important;position:absolute !important;inset-block-start:0 !important;inset-inline-start:0 !important;width:100% !important;height:100% !important;opacity:0.8 !important;}.glitch-text::before{color:var(--cyber-cyan) !important;z-index:-1 !important;animation:glitch 3s infinite linear alternate-reverse !important;clip-path:polygon(0 0, 100% 0, 100% 35%, 0 35%) !important;}.glitch-text::after{color:var(--cyber-magenta) !important;z-index:-2 !important;animation:glitch 2s infinite linear alternate-reverse !important;clip-path:polygon(0 65%, 100% 65%, 100% 100%, 0 100%) !important;}.btn, button, .button, [class*="btn-"], [class*="button-"], input[type="submit"]{transition:all 0.3s ease !important;position:relative !important;overflow:hidden !important;font-family:var(--cyber-font-display) !important;letter-spacing:1px !important;text-transform:uppercase !important;}.btn, button, .button, [class*="btn-"], input[type="submit"]{background:transparent !important;border:1px solid var(--cyber-border-cyan) !important;color:var(--cyber-cyan) !important;padding:10px 24px !important;border-radius:var(--cyber-radius) !important;box-shadow:var(--cyber-border-glow), inset 0 0 20px rgba(0, 240, 255, 0.05) !important;}.btn:hover, button:hover, .button:hover, [class*="btn-"]:hover, input[type="submit"]:hover{border-color:var(--cyber-cyan) !important;box-shadow:var(--cyber-glow-cyan), inset 0 0 30px rgba(0, 240, 255, 0.1) !important;transform:translateY(-2px) !important;color:#fff !important;}.btn:active, button:active, .button:active{transform:translateY(0) !important;box-shadow:0 0 5px rgba(0, 240, 255, 0.3) !important;}.btn-cyan, .btn-primary{border-color:var(--cyber-cyan) !important;color:var(--cyber-cyan) !important;}.btn-cyan:hover, .btn-primary:hover{background:rgba(0, 240, 255, 0.1) !important;box-shadow:var(--cyber-glow-cyan) !important;}.btn-magenta, .btn-danger{border-color:var(--cyber-magenta) !important;color:var(--cyber-magenta) !important;}.btn-magenta:hover, .btn-danger:hover{background:rgba(255, 0, 85, 0.1) !important;box-shadow:var(--cyber-glow-magenta) !important;}.btn-green, .btn-success{border-color:var(--cyber-green) !important;color:var(--cyber-green) !important;}.btn-green:hover, .btn-success:hover{background:rgba(0, 255, 65, 0.1) !important;box-shadow:var(--cyber-glow-green) !important;}.btn-gold, .btn-warning{border-color:var(--cyber-gold) !important;color:var(--cyber-gold) !important;}.btn-gold:hover, .btn-warning:hover{background:rgba(255, 215, 0, 0.1) !important;box-shadow:var(--cyber-glow-gold) !important;}.btn-purple, .btn-info{border-color:var(--cyber-purple) !important;color:var(--cyber-purple) !important;}.btn-purple:hover, .btn-info:hover{background:rgba(139, 92, 246, 0.1) !important;box-shadow:var(--cyber-glow-purple) !important;}.btn-cyan-filled{background:var(--cyber-gradient-cyan) !important;color:#000 !important;border:none !important;font-weight:700 !important;animation:breatheGlow 2s ease-in-out infinite alternate !important;}.btn-cyan-filled:hover{box-shadow:var(--cyber-glow-cyan) !important;transform:translateY(-2px) !important;}.btn-magenta-filled{background:var(--cyber-gradient-magenta) !important;color:#fff !important;border:none !important;font-weight:700 !important;}.btn-magenta-filled:hover{box-shadow:var(--cyber-glow-magenta) !important;transform:translateY(-2px) !important;}.btn-gradient{background:var(--cyber-gradient-cyber) !important;background-size:200% 200% !important;animation:borderGlow 3s ease infinite, breatheGlow 2.5s ease-in-out infinite alternate !important;color:#fff !important;border:none !important;font-weight:700 !important;}.btn-gradient:hover{transform:translateY(-2px) scale(1.02) !important;box-shadow:0 0 30px rgba(0, 240, 255, 0.4) !important;}.card, [class*="card"], [class*="panel"], [class*="box"]{background:var(--cyber-card) !important;border:1px solid var(--cyber-border) !important;border-radius:var(--cyber-radius-lg) !important;box-shadow:0 4px 20px rgba(0, 0, 0, 0.4) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;transition:all 0.3s ease !important;}.card:hover, [class*="card"]:hover{border-color:var(--cyber-border-cyan) !important;box-shadow:var(--cyber-glow-cyan), 0 8px 32px rgba(0, 0, 0, 0.5) !important;transform:translateY(-4px) !important;background:var(--cyber-card-hover) !important;}.glass-card{background:rgba(13, 13, 26, 0.7) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border:1px solid rgba(0, 240, 255, 0.1) !important;box-shadow:0 8px 32px rgba(0, 0, 0, 0.3) !important;}.animated-border-card{position:relative !important;border:none !important;}.animated-border-card::before{content:'' !important;position:absolute !important;inset-block-start:-2px !important;inset-inline-start:-2px !important;inset-inline-end:-2px !important;inset-block-end:-2px !important;background:var(--cyber-gradient-cyber) !important;background-size:300% 300% !important;animation:borderGlow 4s ease infinite !important;border-radius:inherit !important;z-index:-1 !important;opacity:0.6 !important;}.animated-border-card::after{content:'' !important;position:absolute !important;inset-block-start:0 !important;inset-inline-start:0 !important;inset-inline-end:0 !important;inset-block-end:0 !important;background:var(--cyber-card) !important;border-radius:calc(var(--cyber-radius-lg) - 2px) !important;z-index:-1 !important;}.navbar, nav.navbar, nav.cyber-nav{background:rgba(10, 10, 15, 0.95) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-block-end:1px solid var(--cyber-border) !important;box-shadow:0 4px 20px rgba(0, 0, 0, 0.5) !important;}.navbar a, nav.navbar a, nav.cyber-nav a{color:var(--cyber-text-dim) !important;transition:all 0.3s ease !important;}.navbar a:hover, nav.navbar a:hover, nav.cyber-nav a:hover{color:var(--cyber-cyan) !important;text-shadow:0 0 10px rgba(0, 240, 255, 0.5) !important;}.navbar .active, nav.navbar .active, nav.cyber-nav .active{color:var(--cyber-cyan) !important;border-block-end:2px solid var(--cyber-cyan) !important;}input, textarea, select, [class*="input"], [class*="form-"]{background:rgba(30, 30, 50, 0.6) !important;border:1px solid rgba(0, 240, 255, 0.25) !important;color:var(--cyber-text) !important;border-radius:var(--cyber-radius) !important;padding:12px 16px !important;font-family:var(--cyber-font-display) !important;transition:all 0.3s ease !important;}input:focus, textarea:focus, select:focus, [class*="input"]:focus, [class*="form-"]:focus{outline:none !important;border-color:var(--cyber-cyan) !important;box-shadow:0 0 15px rgba(0, 240, 255, 0.2) !important;background:rgba(13, 13, 26, 0.95) !important;}input::placeholder, textarea::placeholder{color:var(--cyber-text-faint) !important;}label{color:var(--cyber-text-dim) !important;font-family:var(--cyber-font-display) !important;letter-spacing:0.5px !important;}table, [class*="table"]{background:var(--cyber-card) !important;border:1px solid var(--cyber-border) !important;border-radius:var(--cyber-radius) !important;overflow:hidden !important;}thead, th, [class*="thead"]{background:rgba(0, 240, 255, 0.05) !important;color:var(--cyber-cyan) !important;font-family:var(--cyber-font) !important;text-transform:uppercase !important;letter-spacing:1px !important;font-size:0.85rem !important;border-block-end:2px solid var(--cyber-border-cyan) !important;}td, tr{border-block-end:1px solid var(--cyber-border) !important;color:var(--cyber-text) !important;}tr:hover{background:rgba(0, 240, 255, 0.03) !important;}.alert, [class*="alert"], .banner, [class*="banner"]{border-radius:var(--cyber-radius) !important;border-inline-start:4px solid !important;font-family:var(--cyber-font-display) !important;animation:neonPulse 2s ease-in-out infinite !important;}.alert-success, .banner-success{background:rgba(0, 255, 65, 0.08) !important;border-color:var(--cyber-green) !important;color:var(--cyber-green) !important;}.alert-danger, .alert-error, .banner-danger{background:rgba(255, 0, 64, 0.08) !important;border-color:var(--cyber-red) !important;color:var(--cyber-red) !important;}.alert-warning, .banner-warning{background:rgba(255, 215, 0, 0.08) !important;border-color:var(--cyber-gold) !important;color:var(--cyber-gold) !important;}.alert-info, .banner-info{background:rgba(0, 240, 255, 0.08) !important;border-color:var(--cyber-cyan) !important;color:var(--cyber-cyan) !important;}.flash-warning{background:linear-gradient(90deg, rgba(255, 0, 85, 0.1), rgba(255, 215, 0, 0.1)) !important;border:1px solid var(--cyber-gold) !important;animation:flicker 3s linear infinite !important;padding:16px !important;text-align:center !important;font-weight:700 !important;text-shadow:0 0 10px rgba(255, 215, 0, 0.5) !important;}.badge, [class*="badge"], .tag, [class*="tag"], .label{font-family:var(--cyber-font) !important;text-transform:uppercase !important;letter-spacing:1px !important;font-size:0.75rem !important;padding:4px 12px !important;border-radius:4px !important;border:1px solid !important;}.badge-cyan, .badge-primary{background:rgba(0, 240, 255, 0.1) !important;border-color:var(--cyber-cyan) !important;color:var(--cyber-cyan) !important;}.badge-magenta, .badge-danger{background:rgba(255, 0, 85, 0.1) !important;border-color:var(--cyber-magenta) !important;color:var(--cyber-magenta) !important;}.badge-green, .badge-success{background:rgba(0, 255, 65, 0.1) !important;border-color:var(--cyber-green) !important;color:var(--cyber-green) !important;}.badge-gold, .badge-warning{background:rgba(255, 215, 0, 0.1) !important;border-color:var(--cyber-gold) !important;color:var(--cyber-gold) !important;}a{color:var(--cyber-cyan) !important;text-decoration:none !important;transition:all 0.3s ease !important;}a:hover{color:var(--cyber-text-bright) !important;text-shadow:0 0 10px rgba(0, 240, 255, 0.5) !important;}.progress, [class*="progress"], .loading-bar{background:rgba(13, 13, 26, 0.8) !important;border:1px solid var(--cyber-border) !important;border-radius:4px !important;overflow:hidden !important;height:8px !important;}.progress-bar, [class*="progress-bar"]{background:var(--cyber-gradient-cyan) !important;background-size:200% 100% !important;animation:borderGlow 2s linear infinite !important;border-radius:4px !important;height:100% !important;box-shadow:0 0 10px rgba(0, 240, 255, 0.4) !important;transition:width 0.5s ease !important;}.glow-loading{background:linear-gradient(90deg, transparent, var(--cyber-cyan), var(--cyber-magenta), var(--cyber-purple), transparent ) !important;background-size:200% 100% !important;animation:borderGlow 2s linear infinite !important;height:3px !important;width:100% !important;border:none !important;}.spinner, [class*="spinner"], .loading, .loader{border:2px solid rgba(0, 240, 255, 0.1) !important;border-block-start-color:var(--cyber-cyan) !important;border-radius:50% !important;width:24px !important;height:24px !important;animation:cyberSpin 0.8s linear infinite !important;}.data-stream{overflow:hidden !important;height:40px !important;position:relative !important;}.data-stream-row{white-space:nowrap !important;animation:dataStream 20s linear infinite !important;color:var(--cyber-green) !important;font-family:var(--cyber-font) !important;font-size:0.75rem !important;opacity:0.4 !important;}.matrix-rain{position:fixed !important;inset-block-start:0 !important;inset-inline-start:0 !important;width:100% !important;height:100% !important;pointer-events:none !important;z-index:0 !important;opacity:0.03 !important;}[data-tooltip]{position:relative !important;}[data-tooltip]::after{content:attr(data-tooltip) !important;position:absolute !important;inset-block-end:120% !important;inset-inline-start:50% !important;transform:translateX(-50%) !important;background:var(--cyber-card) !important;color:var(--cyber-cyan) !important;border:1px solid var(--cyber-border-cyan) !important;padding:6px 12px !important;border-radius:4px !important;font-family:var(--cyber-font) !important;font-size:0.75rem !important;white-space:nowrap !important;box-shadow:var(--cyber-border-glow) !important;opacity:0 !important;transition:opacity 0.3s ease !important;pointer-events:none !important;}[data-tooltip]:hover::after{opacity:1 !important;}.dashboard-card, .stat-card, .metric-card{background:var(--cyber-card) !important;border:1px solid var(--cyber-border) !important;border-radius:var(--cyber-radius-lg) !important;padding:24px !important;position:relative !important;overflow:hidden !important;animation:hoverFloat 6s ease-in-out infinite alternate !important;}.dashboard-card::before, .stat-card::before, .metric-card::before{content:'' !important;position:absolute !important;inset-block-start:0 !important;inset-inline-start:0 !important;width:4px !important;height:100% !important;background:var(--cyber-gradient-cyan) !important;box-shadow:0 0 10px rgba(0, 240, 255, 0.4) !important;}.dashboard-card:hover, .stat-card:hover, .metric-card:hover{border-color:var(--cyber-cyan) !important;box-shadow:var(--cyber-glow-cyan) !important;}.stat-value{font-family:var(--cyber-font) !important;font-size:2.5rem !important;font-weight:700 !important;color:var(--cyber-cyan) !important;text-shadow:0 0 20px rgba(0, 240, 255, 0.4) !important;}.stat-label{font-family:var(--cyber-font-display) !important;color:var(--cyber-text-dim) !important;text-transform:uppercase !important;letter-spacing:2px !important;font-size:0.8rem !important;}.sidebar, [class*="sidebar"]{background:rgba(10, 10, 15, 0.98) !important;border-inline-end:1px solid var(--cyber-border) !important;}.sidebar a, [class*="sidebar"] a{color:var(--cyber-text-dim) !important;border-inline-start:3px solid transparent !important;padding:12px 20px !important;transition:all 0.3s ease !important;display:flex !important;align-items:center !important;}.sidebar a:hover, [class*="sidebar"] a:hover{color:var(--cyber-cyan) !important;background:rgba(0, 240, 255, 0.03) !important;border-inline-start-color:var(--cyber-cyan) !important;}.sidebar a.active, [class*="sidebar"] a.active{color:var(--cyber-cyan) !important;border-inline-start-color:var(--cyber-cyan) !important;background:rgba(0, 240, 255, 0.05) !important;box-shadow:inset 0 0 20px rgba(0, 240, 255, 0.05) !important;}footer, [class*="footer"]{background:rgba(10, 10, 15, 0.9) !important;border-block-start:1px solid var(--cyber-border) !important;color:var(--cyber-text-faint) !important;}.modal, [class*="modal"], .dialog, [class*="dialog"]{background:var(--cyber-card) !important;border:1px solid var(--cyber-border-cyan) !important;box-shadow:0 0 40px rgba(0, 240, 255, 0.15), 0 20px 60px rgba(0, 0, 0, 0.5) !important;border-radius:var(--cyber-radius-lg) !important;}.modal-header, [class*="modal-header"]{border-block-end:1px solid var(--cyber-border) !important;}.modal-footer, [class*="modal-footer"]{border-block-start:1px solid var(--cyber-border) !important;}.dropdown-menu, [class*="dropdown-menu"]{background:var(--cyber-card) !important;border:1px solid var(--cyber-border) !important;border-radius:var(--cyber-radius) !important;box-shadow:var(--cyber-border-glow), 0 8px 32px rgba(0, 0, 0, 0.5) !important;}.dropdown-item, [class*="dropdown-item"]{color:var(--cyber-text-dim) !important;}.dropdown-item:hover, [class*="dropdown-item"]:hover{background:rgba(0, 240, 255, 0.05) !important;color:var(--cyber-cyan) !important;}.list-group-item, [class*="list-group"]{background:transparent !important;border-color:var(--cyber-border) !important;color:var(--cyber-text) !important;}.list-group-item.active{background:rgba(0, 240, 255, 0.08) !important;border-color:var(--cyber-cyan) !important;color:var(--cyber-cyan) !important;}.pagination a, .pagination span{background:transparent !important;border:1px solid var(--cyber-border) !important;color:var(--cyber-text-dim) !important;}.pagination a:hover{border-color:var(--cyber-cyan) !important;color:var(--cyber-cyan) !important;box-shadow:var(--cyber-border-glow) !important;}.pagination .active{background:rgba(0, 240, 255, 0.1) !important;border-color:var(--cyber-cyan) !important;color:var(--cyber-cyan) !important;}.premium-card, .pricing-card{position:relative !important;border:2px solid var(--cyber-border-gold) !important;background:linear-gradient(180deg, rgba(255, 215, 0, 0.03), var(--cyber-card)) !important;transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;}.premium-card:hover, .pricing-card:hover{transform:translateY(-12px) scale(1.02) !important;box-shadow:0 15px 40px rgba(0, 240, 255, 0.2), 0 0 30px rgba(0, 240, 255, 0.4) !important;border-color:var(--cyber-cyan) !important;z-index:10 !important;}.premium-card::before, .pricing-card.featured::before{content:'★ PREMIUM' !important;position:absolute !important;inset-block-start:-12px !important;inset-inline-end:20px !important;background:var(--cyber-gradient-gold) !important;color:#000 !important;font-family:var(--cyber-font) !important;font-size:0.7rem !important;font-weight:700 !important;padding:4px 12px !important;border-radius:4px !important;letter-spacing:2px !important;box-shadow:0 0 20px rgba(255, 215, 0, 0.4) !important;}.timeline-item{border-inline-start:2px solid var(--cyber-border) !important;padding-inline-start:20px !important;position:relative !important;}.timeline-item::before{content:'' !important;position:absolute !important;inset-inline-start:-6px !important;inset-block-start:0 !important;width:10px !important;height:10px !important;border-radius:50% !important;background:var(--cyber-cyan) !important;box-shadow:0 0 10px rgba(0, 240, 255, 0.6) !important;}.switch, [class*="switch"]{accent-color:var(--cyber-cyan) !important;}::-webkit-scrollbar{width:8px !important;height:8px !important;}::-webkit-scrollbar-track{background:var(--cyber-bg2) !important;}::-webkit-scrollbar-thumb{background:var(--cyber-border) !important;border-radius:4px !important;}::-webkit-scrollbar-thumb:hover{background:var(--cyber-border-cyan) !important;box-shadow:0 0 10px rgba(0, 240, 255, 0.2) !important;}.cyber-divider{height:1px !important;background:linear-gradient(var(--gradient-dir), transparent, var(--cyber-cyan), var(--cyber-magenta), transparent) !important;border:none !important;margin:32px 0 !important;opacity:0.3 !important;}.terminal-window{background:#000 !important;border:1px solid var(--cyber-green) !important;border-radius:var(--cyber-radius) !important;box-shadow:0 0 20px rgba(0, 255, 65, 0.15) !important;font-family:var(--cyber-font) !important;overflow:hidden !important;}.terminal-header{background:rgba(0, 255, 65, 0.05) !important;border-block-end:1px solid rgba(0, 255, 65, 0.2) !important;padding:8px 16px !important;display:flex !important;align-items:center !important;gap:8px !important;}.terminal-dot{width:10px !important;height:10px !important;border-radius:50% !important;}.terminal-dot.red{background:#ff5555 !important;}.terminal-dot.yellow{background:#ffd700 !important;}.terminal-dot.green{background:#00ff41 !important;}.terminal-body{padding:16px !important;color:var(--cyber-green) !important;font-size:0.9rem !important;line-height:1.6 !important;}.status-dot{width:8px !important;height:8px !important;border-radius:50% !important;display:inline-block !important;margin-inline-end:6px !important;}.status-dot.online, .status-dot.active{background:var(--cyber-green) !important;box-shadow:0 0 8px rgba(0, 255, 65, 0.6) !important;animation:neonPulse 2s ease-in-out infinite !important;}.status-dot.offline, .status-dot.inactive{background:var(--cyber-red) !important;box-shadow:0 0 8px rgba(255, 0, 64, 0.4) !important;}.status-dot.pending, .status-dot.warning{background:var(--cyber-gold) !important;box-shadow:0 0 8px rgba(255, 215, 0, 0.4) !important;animation:flicker 3s linear infinite !important;}@media (max-width:768px){h1{font-size:1.8rem !important;}h2{font-size:1.4rem !important;}h3{font-size:1.2rem !important;}.stat-value{font-size:1.8rem !important;}.btn, button, .button{padding:8px 16px !important;font-size:0.85rem !important;}.dashboard-card, .stat-card{padding:16px !important;}}@media (max-width:480px){h1{font-size:1.4rem !important;}.stat-value{font-size:1.4rem !important;}}@keyframes glitch{0%{transform:translate(0);opacity:1;}20%{transform:translate(-3px, 2px);opacity:0.8;}40%{transform:translate(3px, -1px);opacity:0.6;}60%{transform:translate(-2px, -2px);opacity:0.8;}80%{transform:translate(2px, 2px);opacity:0.6;}100%{transform:translate(0);opacity:1;}}@keyframes glitch-skew{0%{transform:skew(0deg, 0deg);}10%{transform:skew(1deg, -0.5deg);}20%{transform:skew(-0.5deg, 1deg);}30%{transform:skew(0deg, 0deg);}40%{transform:skew(-1deg, 0.5deg);}50%{transform:skew(0.5deg, -1deg);}60%{transform:skew(0deg, 0deg);}70%{transform:skew(1deg, 0.5deg);}80%{transform:skew(-0.5deg, -1deg);}90%{transform:skew(0deg, 0deg);}100%{transform:skew(0deg, 0deg);}}@keyframes flicker{0%, 19%, 21%, 23%, 25%, 54%, 56%, 100%{opacity:1;}20%, 24%, 55%{opacity:0.5;}}@keyframes scanline{0%{transform:translateY(-100%);}100%{transform:translateY(100vh);}}@keyframes neonPulse{0%, 100%{box-shadow:0 0 5px rgba(0, 240, 255, 0.2), 0 0 10px rgba(0, 240, 255, 0.1);}50%{box-shadow:0 0 15px rgba(0, 240, 255, 0.4), 0 0 30px rgba(0, 240, 255, 0.2), 0 0 45px rgba(0, 240, 255, 0.1);}}@keyframes matrixRain{0%{transform:translateY(-100%);opacity:1;}100%{transform:translateY(100vh);opacity:0;}}@keyframes typewriter{from{max-width:0;}to{max-width:100%;}}@keyframes blink-caret{from, to{border-color:transparent;}50%{border-color:var(--cyber-cyan);}}@keyframes borderGlow{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes cyberSpin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}@keyframes dataStream{0%{transform:translateX(calc(100% * var(--text-x-direction)));}100%{transform:translateX(calc(-100% * var(--text-x-direction)));}}@keyframes breatheGlow{0%, 100%{text-shadow:0 0 5px rgba(0, 240, 255, 0.3);}50%{text-shadow:0 0 20px rgba(0, 240, 255, 0.6), 0 0 40px rgba(0, 240, 255, 0.3);}}@keyframes pulseBorder{0%, 100%{border-color:var(--cyber-border-cyan);}50%{border-color:var(--cyber-cyan);}}@keyframes hexMorph{0%, 100%{opacity:0.15;}50%{opacity:0.3;}}.cyber-glow{animation:neonPulse 2s ease-in-out infinite !important;}.cyber-flicker{animation:flicker 3s linear infinite !important;}.cyber-glitch{animation:glitch 3s infinite linear alternate-reverse !important;}.cyber-breathe{animation:breatheGlow 3s ease-in-out infinite !important;}.cyber-spin{animation:cyberSpin 0.8s linear infinite !important;}.cyber-gradient-text{background:var(--cyber-gradient-cyber) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;}.text-dim{color:var(--cyber-text-dim) !important;}.text-faint{color:var(--cyber-text-faint) !important;}.bg-cyber{background:var(--cyber-bg) !important;}.bg-cyber-2{background:var(--cyber-bg2) !important;}.bg-cyber-3{background:var(--cyber-bg3) !important;}.bg-card{background:var(--cyber-card) !important;}.border-cyan{border-color:var(--cyber-border-cyan) !important;}.border-magenta{border-color:var(--cyber-border-magenta) !important;}.border-green{border-color:var(--cyber-border-green) !important;}.border-gold{border-color:var(--cyber-border-gold) !important;}@keyframes hoverFloat{0%{transform:translateY(0);}100%{transform:translateY(-8px);}}.card, .cyber-card{background:rgba(10, 15, 20, 0.6) !important;backdrop-filter:blur(12px) !important;-webkit-backdrop-filter:blur(12px) !important;border:1px solid var(--cyber-cyan) !important;clip-path:polygon( 0 15px, 15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100% ) !important;position:relative;box-shadow:0 0 15px rgba(0, 240, 255, 0.1) !important;}.card::before, .cyber-card::before{content:"" !important;position:absolute !important;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E") !important;opacity:0.15 !important;mix-blend-mode:overlay !important;pointer-events:none !important;z-index:-1 !important;}.blog-index, .blog-post{max-width:900px;margin:0 auto;padding:120px 20px 60px;position:relative;z-index:10;}.blog-header{text-align:center;margin-block-end:60px;}.blog-header h1{font-family:'Space Grotesk', sans-serif;font-size:48px;font-weight:800;margin-block-end:15px;color:var(--cyan);text-shadow:0 0 15px rgba(0, 240, 255, 0.4);}.blog-subtitle{font-size:18px;color:var(--text-muted);}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(350px, 1fr));gap:30px;margin-block-end:60px;}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:30px;transition:all var(--transition);}.blog-card:hover{transform:translateY(-5px);border-color:rgba(0, 240, 255, 0.3);box-shadow:0 10px 30px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 240, 255, 0.1);}.blog-card-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-block-end:15px;}.blog-tag{background:rgba(0, 240, 255, 0.1);color:var(--cyan);padding:4px 10px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:1px;}.blog-card h2{font-size:24px;font-weight:700;margin-block-end:15px;line-height:1.3;}.blog-card h2 a{color:var(--text);text-decoration:none;transition:color var(--transition);}.blog-card h2 a:hover{color:var(--cyan);}.blog-excerpt{color:var(--text-muted);font-size:15px;line-height:1.6;margin-block-end:20px;}.blog-read-more{color:var(--cyan);text-decoration:none;font-weight:600;font-size:14px;display:inline-block;transition:all var(--transition);}.blog-read-more:hover{transform:translateX(calc(5px * var(--text-x-direction)));text-shadow:0 0 8px var(--cyan);}.post-header{text-align:center;margin-block-end:50px;}.post-meta{display:flex;justify-content:center;gap:20px;font-size:13px;color:var(--muted);margin-block-end:20px;}.post-header h1{font-family:'Space Grotesk', sans-serif;font-size:clamp(32px, 5vw, 56px);font-weight:800;line-height:1.2;margin-block-end:25px;color:#fff;}.post-topics{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;}.topic-badge{background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);padding:6px 14px;border-radius:20px;font-size:12px;color:var(--text-muted);}.post-content{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:50px;font-size:18px;line-height:1.8;color:rgba(255, 255, 255, 0.85);margin-block-end:50px;}.post-content h2{color:var(--cyan);font-size:28px;margin:40px 0 20px;}.post-content h3{color:#fff;font-size:22px;margin:30px 0 15px;}.post-content p{margin-block-end:25px;}.post-content ul, .post-content ol{margin-block-end:25px;padding-inline-start:20px;}.post-content li{margin-block-end:10px;}.post-content a{color:var(--magenta);text-decoration:none;font-weight:600;}.post-content a:hover{text-decoration:underline;text-shadow:0 0 8px rgba(236, 72, 153, 0.4);}.post-footer{text-align:center;margin-block-start:40px;padding-block-start:40px;border-block-start:1px solid var(--border);}.post-cta{background:linear-gradient(135deg, rgba(0, 240, 255, 0.1), rgba(236, 72, 153, 0.05));border:1px solid rgba(0, 240, 255, 0.2);padding:40px;border-radius:var(--radius-lg);}.post-cta h3{font-size:24px;color:#fff;margin-block-end:15px;}.post-cta p{color:var(--text-muted);margin-block-end:25px;}.cta-button{display:inline-block;background:linear-gradient(135deg, var(--cyan), #00a0cc);color:#000;font-weight:700;padding:14px 32px;border-radius:12px;text-decoration:none;transition:all var(--transition);}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0, 240, 255, 0.3);}.site-footer{text-align:center;padding:40px 20px;border-block-start:1px solid var(--border);margin-block-start:60px;color:var(--muted);position:relative;z-index:10;}.site-footer a{color:var(--cyan);text-decoration:none;font-weight:600;}.site-footer a:hover{text-decoration:underline;}.related-posts h3{color:#fff;font-size:22px;margin-block-end:25px;text-align:center;}.related-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));gap:20px;}.related-card{background:rgba(255, 255, 255, 0.02);border:1px solid var(--border);padding:20px;border-radius:var(--radius);transition:all var(--transition);}.related-card:hover{background:rgba(255, 255, 255, 0.05);border-color:rgba(0, 240, 255, 0.2);}.related-card h4{font-size:16px;margin-block-end:10px;}.related-card h4 a{color:#fff;text-decoration:none;}.related-card h4 a:hover{color:var(--cyan);}.related-card p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0;}[dir=rtl] *,:lang(ar) *,:lang(ar){letter-spacing:normal !important;}.glass-panel{background:rgba(10, 10, 15, 0.45);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255, 255, 255, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 8px 32px 0 rgba(0, 0, 0, 0.37);transition:all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);}.glass-panel:hover{box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 8px 32px 0 rgba(0, 240, 255, 0.2);transform:translateY(-2px);}.btn-cyber-premium{position:relative;overflow:hidden;transition:all 0.3s ease;}.btn-cyber-premium::after{content:'';position:absolute;top:-50%;inset-inline-start:-50%;width:200%;height:200%;background:conic-gradient(transparent, rgba(0, 240, 255, 0.3), transparent 30%);animation:rotate 4s linear infinite;opacity:0;transition:opacity 0.3s;}.btn-cyber-premium:hover::after{opacity:1;}@keyframes rotate{100%{transform:rotate(360deg);}}
:root {
  --text-x-direction: 1;
  --gradient-dir: to right;
}
[dir="rtl"] {
  --text-x-direction: -1;
  --gradient-dir: to left;
  --font-sans: 'Cairo', 'Tajawal', 'Inter', sans-serif;
  --font-display: 'Cairo', 'IBM Plex Arabic', 'Tajawal', sans-serif;
  --cyber-font-display: 'Cairo', 'IBM Plex Arabic', 'Tajawal', sans-serif;
  font-size: 16px;
  line-height: 1.8;
}
[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  line-height: 1.6;
}
.dir-icon { transform: scaleX(var(--text-x-direction, 1)); }
[dir='rtl'] { --text-x-direction: -1; }
[dir='ltr'] { --text-x-direction: 1; }
.blog-empty{text-align:center;padding:60px 20px;max-inline-size:640px;margin-inline:auto}
.blog-empty h2{font-size:24px;font-weight:700;margin-block-end:16px;color:var(--text,#fff)}
.blog-empty p{font-size:16px;line-height:1.8;color:var(--text-muted,#9ca3af);margin-block-end:24px}
.blog-empty-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-block-start:24px}
.cta-secondary{background:transparent;border:1px solid var(--border,rgba(255,255,255,.15));color:var(--text,#fff)}

/* Apex Glassmorphism & World-Class SaaS UX Enhancements */
.glass-hero {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.92) 0%, rgba(30, 27, 75, 0.85) 50%, rgba(15, 23, 42, 0.92) 100%) !important;
  backdrop-filter: blur(24px) saturate(180%) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%) !important;
  border: 1px solid rgba(0, 240, 255, 0.25) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  border-radius: var(--cyber-radius-xl, 24px) !important;
}

.glow-card-accent {
  position: relative !important;
  transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.glow-card-accent:hover {
  transform: translateY(-4px) scale(1.01) !important;
  box-shadow: 0 20px 40px rgba(0, 240, 255, 0.18), inset 0 0 20px rgba(0, 240, 255, 0.08) !important;
}

.badge-live-pulse {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0.35rem 0.85rem !important;
  border-radius: 9999px !important;
  font-weight: 800 !important;
  font-size: 0.8rem !important;
  border: 1px solid rgba(0, 255, 65, 0.35) !important;
  background: rgba(0, 255, 65, 0.08) !important;
  color: var(--cyber-green, #00ff41) !important;
  box-shadow: 0 0 12px rgba(0, 255, 65, 0.25) !important;
}

/* Gulf RTL Arabic Typography Standard */
[dir="rtl"], :lang(ar) {
  font-family: 'Cairo', 'IBM Plex Arabic', 'Tajawal', sans-serif !important;
  font-size: 16px !important;
  line-height: 1.8 !important;
  letter-spacing: normal !important;
}

[dir="rtl"] h1, [dir="rtl"] h2, [dir="rtl"] h3, [dir="rtl"] h4, [dir="rtl"] h5, [dir="rtl"] h6 {
  font-family: 'Cairo', 'IBM Plex Arabic', 'Tajawal', sans-serif !important;
  letter-spacing: normal !important;
  line-height: 1.5 !important;
}

.dir-flip {
  transform: scaleX(var(--text-x-direction, 1)) !important;
}