|
|
<!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> |
