| <!DOCTYPE html> |
| <html lang="fr"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Mega AI Hub - 100,000+ Services IA Réels</title> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet"> |
| <style> |
| :root { |
| --neon-blue: #0ff0fc; |
| --neon-purple: #bc13fe; |
| --neon-pink: #ff44cc; |
| --dark-space: #0a0a1a; |
| } |
| |
| body { |
| font-family: 'Rajdhani', sans-serif; |
| background-color: var(--dark-space); |
| color: white; |
| overflow-x: hidden; |
| } |
| |
| .futuristic-font { |
| font-family: 'Orbitron', sans-serif; |
| } |
| |
| .neon-gradient-bg { |
| background: linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 100%); |
| } |
| |
| .neon-text { |
| text-shadow: 0 0 5px var(--neon-blue), 0 0 10px var(--neon-purple); |
| } |
| |
| .neon-box { |
| box-shadow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-purple); |
| border: 1px solid rgba(11, 240, 252, 0.3); |
| } |
| |
| .neon-hover:hover { |
| box-shadow: 0 0 15px var(--neon-blue), 0 0 25px var(--neon-purple); |
| transform: translateY(-3px); |
| } |
| |
| .service-card { |
| background: rgba(10, 10, 26, 0.8); |
| backdrop-filter: blur(10px); |
| transition: all 0.3s ease; |
| border: 1px solid rgba(11, 240, 252, 0.1); |
| } |
| |
| .service-card:hover { |
| transform: translateY(-10px); |
| box-shadow: 0 10px 25px -5px rgba(11, 240, 252, 0.4); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-chip { |
| background: rgba(10, 10, 26, 0.6); |
| border: 1px solid var(--neon-purple); |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-chip:hover { |
| background: var(--neon-purple); |
| color: white; |
| } |
| |
| .search-box { |
| background: rgba(10, 10, 26, 0.6); |
| border: 1px solid var(--neon-blue); |
| color: white; |
| } |
| |
| .search-box:focus { |
| box-shadow: 0 0 0 3px rgba(11, 240, 252, 0.3); |
| outline: none; |
| } |
| |
| .pagination-btn.active { |
| background: var(--neon-purple); |
| color: white; |
| } |
| |
| @keyframes float { |
| 0%, 100% { transform: translateY(0); } |
| 50% { transform: translateY(-10px); } |
| } |
| |
| @keyframes pulse { |
| 0%, 100% { opacity: 1; } |
| 50% { opacity: 0.5; } |
| } |
| |
| @keyframes neonGlow { |
| 0%, 100% { text-shadow: 0 0 5px var(--neon-blue), 0 0 10px var(--neon-purple); } |
| 50% { text-shadow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-purple), 0 0 30px var(--neon-pink); } |
| } |
| |
| .float-animation { |
| animation: float 6s ease-in-out infinite; |
| } |
| |
| .pulse-animation { |
| animation: pulse 2s ease-in-out infinite; |
| } |
| |
| .neon-glow-animation { |
| animation: neonGlow 3s ease-in-out infinite; |
| } |
| |
| .cyber-grid { |
| background-image: |
| linear-gradient(rgba(11, 240, 252, 0.1) 1px, transparent 1px), |
| linear-gradient(90deg, rgba(11, 240, 252, 0.1) 1px, transparent 1px); |
| background-size: 20px 20px; |
| } |
| |
| .cyber-terminal { |
| background: rgba(0, 0, 0, 0.7); |
| border: 1px solid var(--neon-blue); |
| font-family: monospace; |
| color: var(--neon-blue); |
| text-shadow: 0 0 5px var(--neon-blue); |
| } |
| |
| .cyber-loader { |
| border: 3px solid rgba(11, 240, 252, 0.3); |
| border-top: 3px solid var(--neon-blue); |
| animation: spin 1s linear infinite; |
| } |
| |
| @keyframes spin { |
| 0% { transform: rotate(0deg); } |
| 100% { transform: rotate(360deg); } |
| } |
| |
| .holographic-effect { |
| background: linear-gradient(135deg, rgba(11, 240, 252, 0.1) 0%, rgba(188, 19, 254, 0.1) 100%); |
| backdrop-filter: blur(5px); |
| border: 1px solid rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-button { |
| background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%); |
| color: black; |
| font-weight: bold; |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-button:hover { |
| background: linear-gradient(90deg, var(--neon-purple) 0%, var(--neon-pink) 100%); |
| transform: translateY(-2px); |
| box-shadow: 0 5px 15px rgba(188, 19, 254, 0.4); |
| } |
| |
| .cyber-button-secondary { |
| background: transparent; |
| border: 2px solid var(--neon-blue); |
| color: var(--neon-blue); |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-button-secondary:hover { |
| background: rgba(11, 240, 252, 0.1); |
| border-color: var(--neon-purple); |
| color: var(--neon-purple); |
| } |
| |
| .cyber-scrollbar::-webkit-scrollbar { |
| width: 8px; |
| } |
| |
| .cyber-scrollbar::-webkit-scrollbar-track { |
| background: rgba(10, 10, 26, 0.5); |
| } |
| |
| .cyber-scrollbar::-webkit-scrollbar-thumb { |
| background: var(--neon-purple); |
| border-radius: 4px; |
| } |
| |
| .parallax-layer { |
| position: absolute; |
| width: 100%; |
| height: 100%; |
| top: 0; |
| left: 0; |
| background-size: cover; |
| background-position: center; |
| will-change: transform; |
| z-index: -1; |
| } |
| |
| .cyber-input { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| color: white; |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-input:focus { |
| border-color: var(--neon-purple); |
| box-shadow: 0 0 0 3px rgba(188, 19, 254, 0.3); |
| outline: none; |
| } |
| |
| .cyber-select { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| color: white; |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-select:focus { |
| border-color: var(--neon-purple); |
| box-shadow: 0 0 0 3px rgba(188, 19, 254, 0.3); |
| outline: none; |
| } |
| |
| .cyber-checkbox { |
| appearance: none; |
| width: 20px; |
| height: 20px; |
| border: 2px solid var(--neon-blue); |
| transition: all 0.3s ease; |
| position: relative; |
| } |
| |
| .cyber-checkbox:checked { |
| background: var(--neon-purple); |
| border-color: var(--neon-purple); |
| } |
| |
| .cyber-checkbox:checked::after { |
| content: "✓"; |
| position: absolute; |
| color: white; |
| font-size: 14px; |
| top: 50%; |
| left: 50%; |
| transform: translate(-50%, -50%); |
| } |
| |
| .cyber-radio { |
| appearance: none; |
| width: 20px; |
| height: 20px; |
| border: 2px solid var(--neon-blue); |
| border-radius: 50%; |
| transition: all 0.3s ease; |
| position: relative; |
| } |
| |
| .cyber-radio:checked { |
| border-color: var(--neon-purple); |
| } |
| |
| .cyber-radio:checked::after { |
| content: ""; |
| position: absolute; |
| width: 10px; |
| height: 10px; |
| background: var(--neon-purple); |
| border-radius: 50%; |
| top: 50%; |
| left: 50%; |
| transform: translate(-50%, -50%); |
| } |
| |
| .cyber-tooltip { |
| position: relative; |
| } |
| |
| .cyber-tooltip:hover::after { |
| content: attr(data-tooltip); |
| position: absolute; |
| bottom: 100%; |
| left: 50%; |
| transform: translateX(-50%); |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| padding: 5px 10px; |
| border-radius: 4px; |
| font-size: 12px; |
| white-space: nowrap; |
| z-index: 100; |
| } |
| |
| .cyber-modal { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-tab { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-tab.active { |
| background: var(--neon-purple); |
| border-color: var(--neon-purple); |
| color: white; |
| } |
| |
| .cyber-tab:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.2); |
| } |
| |
| .cyber-dropdown { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.2); |
| } |
| |
| .cyber-dropdown-item:hover { |
| background: var(--neon-purple); |
| color: white; |
| } |
| |
| .cyber-notification { |
| background: rgba(10, 10, 26, 0.9); |
| border-left: 4px solid var(--neon-blue); |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.2); |
| } |
| |
| .cyber-progress { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-progress-bar { |
| background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%); |
| } |
| |
| .cyber-badge { |
| background: var(--neon-purple); |
| color: white; |
| } |
| |
| .cyber-divider { |
| background: linear-gradient(90deg, transparent 0%, var(--neon-blue) 50%, transparent 100%); |
| height: 1px; |
| } |
| |
| .cyber-avatar { |
| border: 2px solid var(--neon-blue); |
| } |
| |
| .cyber-card { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| transition: all 0.3s ease; |
| } |
| |
| .cyber-card:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| transform: translateY(-5px); |
| } |
| |
| .cyber-table { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-table th { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-table tr:nth-child(even) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-table tr:hover { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-alert { |
| background: rgba(10, 10, 26, 0.9); |
| border-left: 4px solid var(--neon-blue); |
| } |
| |
| .cyber-alert.success { |
| border-left-color: #00ff88; |
| } |
| |
| .cyber-alert.warning { |
| border-left-color: #ffcc00; |
| } |
| |
| .cyber-alert.error { |
| border-left-color: #ff3366; |
| } |
| |
| .cyber-breadcrumb { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-breadcrumb-item:not(:last-child)::after { |
| content: ">"; |
| margin: 0 10px; |
| color: var(--neon-blue); |
| } |
| |
| .cyber-pagination .active { |
| background: var(--neon-purple); |
| color: white; |
| } |
| |
| .cyber-pagination li:not(.active):hover { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-carousel { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-carousel-indicator.active { |
| background: var(--neon-blue); |
| } |
| |
| .cyber-accordion { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-accordion-header:hover { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-accordion-content { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-timeline { |
| border-left: 2px solid var(--neon-blue); |
| } |
| |
| .cyber-timeline-item::before { |
| content: ""; |
| position: absolute; |
| left: -9px; |
| top: 0; |
| width: 16px; |
| height: 16px; |
| border-radius: 50%; |
| background: var(--neon-purple); |
| border: 2px solid var(--neon-blue); |
| } |
| |
| .cyber-stepper { |
| border-bottom: 2px solid var(--neon-blue); |
| } |
| |
| .cyber-stepper-step.active { |
| color: var(--neon-blue); |
| border-bottom: 2px solid var(--neon-blue); |
| } |
| |
| .cyber-stepper-step.completed { |
| color: var(--neon-purple); |
| } |
| |
| .cyber-overlay { |
| background: rgba(10, 10, 26, 0.8); |
| } |
| |
| .cyber-skeleton { |
| background: linear-gradient(90deg, rgba(11, 240, 252, 0.1) 25%, rgba(188, 19, 254, 0.1) 50%, rgba(11, 240, 252, 0.1) 75%); |
| background-size: 200% 100%; |
| animation: shimmer 1.5s infinite; |
| } |
| |
| @keyframes shimmer { |
| 0% { background-position: 200% 0; } |
| 100% { background-position: -200% 0; } |
| } |
| |
| .cyber-countdown { |
| font-family: 'Orbitron', sans-serif; |
| } |
| |
| .cyber-countdown-item { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-countdown-label { |
| color: var(--neon-blue); |
| } |
| |
| .cyber-weather { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-weather-icon { |
| color: var(--neon-blue); |
| } |
| |
| .cyber-calendar { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-calendar-header { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-calendar-day:hover:not(.disabled) { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-calendar-day.selected { |
| background: var(--neon-purple); |
| color: white; |
| } |
| |
| .cyber-chat { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-chat-message { |
| background: rgba(11, 240, 252, 0.1); |
| border-left: 3px solid var(--neon-blue); |
| } |
| |
| .cyber-chat-message.self { |
| background: rgba(188, 19, 254, 0.1); |
| border-left: 3px solid var(--neon-purple); |
| } |
| |
| .cyber-chat-input { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-music-player { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-music-progress { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-music-progress-bar { |
| background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%); |
| } |
| |
| .cyber-music-controls button:hover { |
| color: var(--neon-blue); |
| } |
| |
| .cyber-video-player { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-video-controls { |
| background: rgba(10, 10, 26, 0.9); |
| } |
| |
| .cyber-video-progress { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-video-progress-bar { |
| background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%); |
| } |
| |
| .cyber-video-controls button:hover { |
| color: var(--neon-blue); |
| } |
| |
| .cyber-gallery { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-gallery-item:hover { |
| transform: scale(1.05); |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-map { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-map-marker { |
| background: var(--neon-purple); |
| border: 2px solid var(--neon-blue); |
| } |
| |
| .cyber-map-controls button:hover { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-dashboard { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-dashboard-widget { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-dashboard-widget-header { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-dashboard-widget:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-form { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-form-header { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-form-group { |
| border-bottom: 1px solid rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-form-group:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-form-label { |
| color: var(--neon-blue); |
| } |
| |
| .cyber-form-footer { |
| background: rgba(11, 240, 252, 0.1); |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-login { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-login-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-login-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-register { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-register-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-register-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-profile { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-profile-header { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-profile-section { |
| border-bottom: 1px solid rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-profile-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-settings { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-settings-header { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-settings-section { |
| border-bottom: 1px solid rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-settings-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-admin { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-admin-header { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-admin-sidebar { |
| background: rgba(10, 10, 26, 0.9); |
| border-right: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-admin-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-admin-footer { |
| background: rgba(11, 240, 252, 0.1); |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-ecommerce { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-product { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-product:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-product-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-product-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cart { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cart-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cart-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-checkout { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-checkout-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-checkout-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-invoice { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-invoice-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-invoice-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-blog { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-post { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-post:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-post-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-post-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-comment { |
| background: rgba(10, 10, 26, 0.7); |
| border-left: 3px solid var(--neon-blue); |
| } |
| |
| .cyber-comment-reply { |
| background: rgba(10, 10, 26, 0.9); |
| border-left: 3px solid var(--neon-purple); |
| } |
| |
| .cyber-portfolio { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-portfolio-item { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-portfolio-item:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-portfolio-item-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-portfolio-item-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-faq { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-faq-item { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-faq-item-header { |
| background: rgba(11, 240, 252, 0.1); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-faq-item-content { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-testimonial { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-testimonial:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-testimonial-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-testimonial-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-team { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-member { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-member:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-member-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-member-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-contact { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-contact-form { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-contact-form-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-contact-form-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-pricing { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-plan { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-plan:hover { |
| box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3); |
| } |
| |
| .cyber-plan-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-plan-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-plan-featured { |
| border: 2px solid var(--neon-purple); |
| } |
| |
| .cyber-plan-featured .cyber-plan-header { |
| background: rgba(188, 19, 254, 0.1); |
| } |
| |
| .cyber-error { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-error-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-error-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-coming-soon { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-coming-soon-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-coming-soon-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-maintenance { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-maintenance-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-maintenance-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-construction { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-construction-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-construction-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-landing { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-landing-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-landing-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-onboarding { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-onboarding-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-onboarding-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-wizard { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-wizard-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-wizard-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-wizard-step { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-wizard-step:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-wizard-step.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-wizard-step.completed { |
| background: rgba(188, 19, 254, 0.1); |
| } |
| |
| .cyber-welcome { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-welcome-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-welcome-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-getting-started { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-getting-started-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-getting-started-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-tour { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-tour-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-tour-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-tour-step { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-tour-step:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-tour-step.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-tour-step.completed { |
| background: rgba(188, 19, 254, 0.1); |
| } |
| |
| .cyber-help { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-help-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-help-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-help-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-help-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-help-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-docs { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-docs-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-docs-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-docs-sidebar { |
| background: rgba(10, 10, 26, 0.9); |
| border-right: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-docs-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-docs-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-docs-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-docs-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-api { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-api-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-api-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-api-sidebar { |
| background: rgba(10, 10, 26, 0.9); |
| border-right: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-api-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-api-endpoint { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-api-endpoint:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-api-endpoint.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-status { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-status-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-status-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-status-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-status-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-status-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-status-item.operational { |
| border-left: 3px solid #00ff88; |
| } |
| |
| .cyber-status-item.degraded { |
| border-left: 3px solid #ffcc00; |
| } |
| |
| .cyber-status-item.outage { |
| border-left: 3px solid #ff3366; |
| } |
| |
| .cyber-status-item.maintenance { |
| border-left: 3px solid var(--neon-blue); |
| } |
| |
| .cyber-changelog { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-changelog-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-changelog-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-changelog-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-changelog-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-changelog-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-changelog-item.feature { |
| border-left: 3px solid #00ff88; |
| } |
| |
| .cyber-changelog-item.improvement { |
| border-left: 3px solid #ffcc00; |
| } |
| |
| .cyber-changelog-item.fix { |
| border-left: 3px solid #ff3366; |
| } |
| |
| .cyber-changelog-item.security { |
| border-left: 3px solid var(--neon-blue); |
| } |
| |
| .cyber-roadmap { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-roadmap-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-roadmap-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-roadmap-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-roadmap-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-roadmap-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-roadmap-item.planned { |
| border-left: 3px solid #ffcc00; |
| } |
| |
| .cyber-roadmap-item.in-progress { |
| border-left: 3px solid var(--neon-blue); |
| } |
| |
| .cyber-roadmap-item.completed { |
| border-left: 3px solid #00ff88; |
| } |
| |
| .cyber-about { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-about-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-about-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-about-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-about-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-about-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-careers { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-careers-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-careers-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-careers-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-careers-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-careers-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-press { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-press-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-press-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-press-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-press-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-press-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-legal { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-legal-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-legal-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-legal-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-legal-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-legal-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-privacy { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-privacy-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-privacy-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-privacy-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-privacy-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-privacy-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-terms { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-terms-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-terms-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-terms-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-terms-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-terms-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-cookies { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cookies-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cookies-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cookies-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-cookies-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-cookies-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-accessibility { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-accessibility-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-accessibility-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-accessibility-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-accessibility-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-accessibility-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-sitemap { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-sitemap-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-sitemap-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-sitemap-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-sitemap-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-sitemap-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-404 { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-404-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-404-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-500 { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-500-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-500-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-503 { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-503-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-503-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-offline { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-offline-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-offline-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-unsupported { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-unsupported-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-unsupported-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main { |
| background: rgba(10, 10, 26, 0.7); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-content { |
| background: rgba(10, 10, 26, 0.5); |
| } |
| |
| .cyber-main-sidebar { |
| background: rgba(10, 10, 26, 0.9); |
| border-right: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-nav { |
| background: rgba(10, 10, 26, 0.9); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-nav-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-nav-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-nav-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-nav-item:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-aside { |
| background: rgba(10, 10, 26, 0.9); |
| border-left: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-aside-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-aside-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-aside-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-aside-item:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-footer { |
| background: rgba(10, 10, 26, 0.9); |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-footer-item { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-footer-item:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-footer-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-footer-item:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-toolbar { |
| background: rgba(10, 10, 26, 0.9); |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-toolbar-item { |
| border-right: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-toolbar-item:last-child { |
| border-right: none; |
| } |
| |
| .cyber-main-toolbar-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-toolbar-item:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-statusbar { |
| background: rgba(10, 10, 26, 0.9); |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-statusbar-item { |
| border-right: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-statusbar-item:last-child { |
| border-right: none; |
| } |
| |
| .cyber-main-statusbar-item.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-statusbar-item:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-panel { |
| background: rgba(10, 10, 26, 0.9); |
| border: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-panel-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-panel-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-panel-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-panel-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-panel-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-panel-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-panel-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-dialog { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-dialog-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-dialog-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-dialog-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-dialog-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-dialog-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-dialog-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-dialog-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-popup { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-popup-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-popup-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-popup-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-popup-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-popup-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-popup-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-popup-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-toast { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-toast-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-toast-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-toast-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-toast-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-toast-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-toast-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-toast-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-notification { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-notification-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-notification-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-notification-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-notification-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-notification-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-notification-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-notification-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-tooltip { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-tooltip-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-tooltip-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-tooltip-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-tooltip-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-tooltip-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-tooltip-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-tooltip-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-contextmenu { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-contextmenu-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-contextmenu-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-contextmenu-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-contextmenu-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-contextmenu-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-contextmenu-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-contextmenu-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-dropdown { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-dropdown-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-dropdown-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-dropdown-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-dropdown-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-dropdown-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-dropdown-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-dropdown-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-modal { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-modal-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-modal-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-modal-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-modal-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-modal-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-modal-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-modal-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-lightbox { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-lightbox-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-lightbox-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-lightbox-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-lightbox-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-lightbox-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-lightbox-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-lightbox-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-carousel { |
| background: rgba(10, 10, 26, 0.95); |
| border: 1px solid var(--neon-blue); |
| box-shadow: 0 0 20px rgba(11, 240, 252, 0.5); |
| } |
| |
| .cyber-main-carousel-header { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-carousel-footer { |
| border-top: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-carousel-content { |
| background: rgba(10, 10, 26, 0.7); |
| } |
| |
| .cyber-main-carousel-section { |
| border-bottom: 1px solid var(--neon-blue); |
| } |
| |
| .cyber-main-carousel-section:last-child { |
| border-bottom: none; |
| } |
| |
| .cyber-main-carousel-section.active { |
| background: rgba(11, 240, 252, 0.1); |
| } |
| |
| .cyber-main-carousel-section:hover:not(.active) { |
| background: rgba(11, 240, 252, 0.05); |
| } |
| |
| .cyber-main-accordion { |
| background: rgba(10, 10, 26, 0.95); |
| |
| </html> |
