docto41 commited on
Commit
80f289d
·
verified ·
1 Parent(s): cdd41b6

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +2127 -19
  3. prompts.txt +2 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ser
3
- emoji: 🏆
4
- colorFrom: yellow
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: ser
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: green
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,2127 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="fr">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Mega AI Hub - 100,000+ Services IA Réels</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Rajdhani:wght@300;500;700&display=swap" rel="stylesheet">
10
+ <style>
11
+ :root {
12
+ --neon-blue: #0ff0fc;
13
+ --neon-purple: #bc13fe;
14
+ --neon-pink: #ff44cc;
15
+ --dark-space: #0a0a1a;
16
+ }
17
+
18
+ body {
19
+ font-family: 'Rajdhani', sans-serif;
20
+ background-color: var(--dark-space);
21
+ color: white;
22
+ overflow-x: hidden;
23
+ }
24
+
25
+ .futuristic-font {
26
+ font-family: 'Orbitron', sans-serif;
27
+ }
28
+
29
+ .neon-gradient-bg {
30
+ background: linear-gradient(135deg, var(--neon-blue) 0%, var(--neon-purple) 100%);
31
+ }
32
+
33
+ .neon-text {
34
+ text-shadow: 0 0 5px var(--neon-blue), 0 0 10px var(--neon-purple);
35
+ }
36
+
37
+ .neon-box {
38
+ box-shadow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-purple);
39
+ border: 1px solid rgba(11, 240, 252, 0.3);
40
+ }
41
+
42
+ .neon-hover:hover {
43
+ box-shadow: 0 0 15px var(--neon-blue), 0 0 25px var(--neon-purple);
44
+ transform: translateY(-3px);
45
+ }
46
+
47
+ .service-card {
48
+ background: rgba(10, 10, 26, 0.8);
49
+ backdrop-filter: blur(10px);
50
+ transition: all 0.3s ease;
51
+ border: 1px solid rgba(11, 240, 252, 0.1);
52
+ }
53
+
54
+ .service-card:hover {
55
+ transform: translateY(-10px);
56
+ box-shadow: 0 10px 25px -5px rgba(11, 240, 252, 0.4);
57
+ border: 1px solid var(--neon-blue);
58
+ }
59
+
60
+ .cyber-chip {
61
+ background: rgba(10, 10, 26, 0.6);
62
+ border: 1px solid var(--neon-purple);
63
+ transition: all 0.3s ease;
64
+ }
65
+
66
+ .cyber-chip:hover {
67
+ background: var(--neon-purple);
68
+ color: white;
69
+ }
70
+
71
+ .search-box {
72
+ background: rgba(10, 10, 26, 0.6);
73
+ border: 1px solid var(--neon-blue);
74
+ color: white;
75
+ }
76
+
77
+ .search-box:focus {
78
+ box-shadow: 0 0 0 3px rgba(11, 240, 252, 0.3);
79
+ outline: none;
80
+ }
81
+
82
+ .pagination-btn.active {
83
+ background: var(--neon-purple);
84
+ color: white;
85
+ }
86
+
87
+ @keyframes float {
88
+ 0%, 100% { transform: translateY(0); }
89
+ 50% { transform: translateY(-10px); }
90
+ }
91
+
92
+ @keyframes pulse {
93
+ 0%, 100% { opacity: 1; }
94
+ 50% { opacity: 0.5; }
95
+ }
96
+
97
+ @keyframes neonGlow {
98
+ 0%, 100% { text-shadow: 0 0 5px var(--neon-blue), 0 0 10px var(--neon-purple); }
99
+ 50% { text-shadow: 0 0 10px var(--neon-blue), 0 0 20px var(--neon-purple), 0 0 30px var(--neon-pink); }
100
+ }
101
+
102
+ .float-animation {
103
+ animation: float 6s ease-in-out infinite;
104
+ }
105
+
106
+ .pulse-animation {
107
+ animation: pulse 2s ease-in-out infinite;
108
+ }
109
+
110
+ .neon-glow-animation {
111
+ animation: neonGlow 3s ease-in-out infinite;
112
+ }
113
+
114
+ .cyber-grid {
115
+ background-image:
116
+ linear-gradient(rgba(11, 240, 252, 0.1) 1px, transparent 1px),
117
+ linear-gradient(90deg, rgba(11, 240, 252, 0.1) 1px, transparent 1px);
118
+ background-size: 20px 20px;
119
+ }
120
+
121
+ .cyber-terminal {
122
+ background: rgba(0, 0, 0, 0.7);
123
+ border: 1px solid var(--neon-blue);
124
+ font-family: monospace;
125
+ color: var(--neon-blue);
126
+ text-shadow: 0 0 5px var(--neon-blue);
127
+ }
128
+
129
+ .cyber-loader {
130
+ border: 3px solid rgba(11, 240, 252, 0.3);
131
+ border-top: 3px solid var(--neon-blue);
132
+ animation: spin 1s linear infinite;
133
+ }
134
+
135
+ @keyframes spin {
136
+ 0% { transform: rotate(0deg); }
137
+ 100% { transform: rotate(360deg); }
138
+ }
139
+
140
+ .holographic-effect {
141
+ background: linear-gradient(135deg, rgba(11, 240, 252, 0.1) 0%, rgba(188, 19, 254, 0.1) 100%);
142
+ backdrop-filter: blur(5px);
143
+ border: 1px solid rgba(11, 240, 252, 0.3);
144
+ }
145
+
146
+ .cyber-button {
147
+ background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%);
148
+ color: black;
149
+ font-weight: bold;
150
+ transition: all 0.3s ease;
151
+ }
152
+
153
+ .cyber-button:hover {
154
+ background: linear-gradient(90deg, var(--neon-purple) 0%, var(--neon-pink) 100%);
155
+ transform: translateY(-2px);
156
+ box-shadow: 0 5px 15px rgba(188, 19, 254, 0.4);
157
+ }
158
+
159
+ .cyber-button-secondary {
160
+ background: transparent;
161
+ border: 2px solid var(--neon-blue);
162
+ color: var(--neon-blue);
163
+ transition: all 0.3s ease;
164
+ }
165
+
166
+ .cyber-button-secondary:hover {
167
+ background: rgba(11, 240, 252, 0.1);
168
+ border-color: var(--neon-purple);
169
+ color: var(--neon-purple);
170
+ }
171
+
172
+ .cyber-scrollbar::-webkit-scrollbar {
173
+ width: 8px;
174
+ }
175
+
176
+ .cyber-scrollbar::-webkit-scrollbar-track {
177
+ background: rgba(10, 10, 26, 0.5);
178
+ }
179
+
180
+ .cyber-scrollbar::-webkit-scrollbar-thumb {
181
+ background: var(--neon-purple);
182
+ border-radius: 4px;
183
+ }
184
+
185
+ .parallax-layer {
186
+ position: absolute;
187
+ width: 100%;
188
+ height: 100%;
189
+ top: 0;
190
+ left: 0;
191
+ background-size: cover;
192
+ background-position: center;
193
+ will-change: transform;
194
+ z-index: -1;
195
+ }
196
+
197
+ .cyber-input {
198
+ background: rgba(10, 10, 26, 0.7);
199
+ border: 1px solid var(--neon-blue);
200
+ color: white;
201
+ transition: all 0.3s ease;
202
+ }
203
+
204
+ .cyber-input:focus {
205
+ border-color: var(--neon-purple);
206
+ box-shadow: 0 0 0 3px rgba(188, 19, 254, 0.3);
207
+ outline: none;
208
+ }
209
+
210
+ .cyber-select {
211
+ background: rgba(10, 10, 26, 0.7);
212
+ border: 1px solid var(--neon-blue);
213
+ color: white;
214
+ transition: all 0.3s ease;
215
+ }
216
+
217
+ .cyber-select:focus {
218
+ border-color: var(--neon-purple);
219
+ box-shadow: 0 0 0 3px rgba(188, 19, 254, 0.3);
220
+ outline: none;
221
+ }
222
+
223
+ .cyber-checkbox {
224
+ appearance: none;
225
+ width: 20px;
226
+ height: 20px;
227
+ border: 2px solid var(--neon-blue);
228
+ transition: all 0.3s ease;
229
+ position: relative;
230
+ }
231
+
232
+ .cyber-checkbox:checked {
233
+ background: var(--neon-purple);
234
+ border-color: var(--neon-purple);
235
+ }
236
+
237
+ .cyber-checkbox:checked::after {
238
+ content: "✓";
239
+ position: absolute;
240
+ color: white;
241
+ font-size: 14px;
242
+ top: 50%;
243
+ left: 50%;
244
+ transform: translate(-50%, -50%);
245
+ }
246
+
247
+ .cyber-radio {
248
+ appearance: none;
249
+ width: 20px;
250
+ height: 20px;
251
+ border: 2px solid var(--neon-blue);
252
+ border-radius: 50%;
253
+ transition: all 0.3s ease;
254
+ position: relative;
255
+ }
256
+
257
+ .cyber-radio:checked {
258
+ border-color: var(--neon-purple);
259
+ }
260
+
261
+ .cyber-radio:checked::after {
262
+ content: "";
263
+ position: absolute;
264
+ width: 10px;
265
+ height: 10px;
266
+ background: var(--neon-purple);
267
+ border-radius: 50%;
268
+ top: 50%;
269
+ left: 50%;
270
+ transform: translate(-50%, -50%);
271
+ }
272
+
273
+ .cyber-tooltip {
274
+ position: relative;
275
+ }
276
+
277
+ .cyber-tooltip:hover::after {
278
+ content: attr(data-tooltip);
279
+ position: absolute;
280
+ bottom: 100%;
281
+ left: 50%;
282
+ transform: translateX(-50%);
283
+ background: rgba(10, 10, 26, 0.9);
284
+ border: 1px solid var(--neon-blue);
285
+ padding: 5px 10px;
286
+ border-radius: 4px;
287
+ font-size: 12px;
288
+ white-space: nowrap;
289
+ z-index: 100;
290
+ }
291
+
292
+ .cyber-modal {
293
+ background: rgba(10, 10, 26, 0.95);
294
+ border: 1px solid var(--neon-blue);
295
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
296
+ }
297
+
298
+ .cyber-tab {
299
+ background: rgba(10, 10, 26, 0.7);
300
+ border: 1px solid var(--neon-blue);
301
+ transition: all 0.3s ease;
302
+ }
303
+
304
+ .cyber-tab.active {
305
+ background: var(--neon-purple);
306
+ border-color: var(--neon-purple);
307
+ color: white;
308
+ }
309
+
310
+ .cyber-tab:hover:not(.active) {
311
+ background: rgba(11, 240, 252, 0.2);
312
+ }
313
+
314
+ .cyber-dropdown {
315
+ background: rgba(10, 10, 26, 0.9);
316
+ border: 1px solid var(--neon-blue);
317
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.2);
318
+ }
319
+
320
+ .cyber-dropdown-item:hover {
321
+ background: var(--neon-purple);
322
+ color: white;
323
+ }
324
+
325
+ .cyber-notification {
326
+ background: rgba(10, 10, 26, 0.9);
327
+ border-left: 4px solid var(--neon-blue);
328
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.2);
329
+ }
330
+
331
+ .cyber-progress {
332
+ background: rgba(10, 10, 26, 0.7);
333
+ }
334
+
335
+ .cyber-progress-bar {
336
+ background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%);
337
+ }
338
+
339
+ .cyber-badge {
340
+ background: var(--neon-purple);
341
+ color: white;
342
+ }
343
+
344
+ .cyber-divider {
345
+ background: linear-gradient(90deg, transparent 0%, var(--neon-blue) 50%, transparent 100%);
346
+ height: 1px;
347
+ }
348
+
349
+ .cyber-avatar {
350
+ border: 2px solid var(--neon-blue);
351
+ }
352
+
353
+ .cyber-card {
354
+ background: rgba(10, 10, 26, 0.7);
355
+ border: 1px solid var(--neon-blue);
356
+ transition: all 0.3s ease;
357
+ }
358
+
359
+ .cyber-card:hover {
360
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
361
+ transform: translateY(-5px);
362
+ }
363
+
364
+ .cyber-table {
365
+ background: rgba(10, 10, 26, 0.7);
366
+ }
367
+
368
+ .cyber-table th {
369
+ background: rgba(11, 240, 252, 0.1);
370
+ border-bottom: 1px solid var(--neon-blue);
371
+ }
372
+
373
+ .cyber-table tr:nth-child(even) {
374
+ background: rgba(11, 240, 252, 0.05);
375
+ }
376
+
377
+ .cyber-table tr:hover {
378
+ background: rgba(11, 240, 252, 0.1);
379
+ }
380
+
381
+ .cyber-alert {
382
+ background: rgba(10, 10, 26, 0.9);
383
+ border-left: 4px solid var(--neon-blue);
384
+ }
385
+
386
+ .cyber-alert.success {
387
+ border-left-color: #00ff88;
388
+ }
389
+
390
+ .cyber-alert.warning {
391
+ border-left-color: #ffcc00;
392
+ }
393
+
394
+ .cyber-alert.error {
395
+ border-left-color: #ff3366;
396
+ }
397
+
398
+ .cyber-breadcrumb {
399
+ background: rgba(10, 10, 26, 0.7);
400
+ }
401
+
402
+ .cyber-breadcrumb-item:not(:last-child)::after {
403
+ content: ">";
404
+ margin: 0 10px;
405
+ color: var(--neon-blue);
406
+ }
407
+
408
+ .cyber-pagination .active {
409
+ background: var(--neon-purple);
410
+ color: white;
411
+ }
412
+
413
+ .cyber-pagination li:not(.active):hover {
414
+ background: rgba(11, 240, 252, 0.1);
415
+ }
416
+
417
+ .cyber-carousel {
418
+ background: rgba(10, 10, 26, 0.7);
419
+ border: 1px solid var(--neon-blue);
420
+ }
421
+
422
+ .cyber-carousel-indicator.active {
423
+ background: var(--neon-blue);
424
+ }
425
+
426
+ .cyber-accordion {
427
+ background: rgba(10, 10, 26, 0.7);
428
+ border: 1px solid var(--neon-blue);
429
+ }
430
+
431
+ .cyber-accordion-header:hover {
432
+ background: rgba(11, 240, 252, 0.1);
433
+ }
434
+
435
+ .cyber-accordion-content {
436
+ border-top: 1px solid var(--neon-blue);
437
+ }
438
+
439
+ .cyber-timeline {
440
+ border-left: 2px solid var(--neon-blue);
441
+ }
442
+
443
+ .cyber-timeline-item::before {
444
+ content: "";
445
+ position: absolute;
446
+ left: -9px;
447
+ top: 0;
448
+ width: 16px;
449
+ height: 16px;
450
+ border-radius: 50%;
451
+ background: var(--neon-purple);
452
+ border: 2px solid var(--neon-blue);
453
+ }
454
+
455
+ .cyber-stepper {
456
+ border-bottom: 2px solid var(--neon-blue);
457
+ }
458
+
459
+ .cyber-stepper-step.active {
460
+ color: var(--neon-blue);
461
+ border-bottom: 2px solid var(--neon-blue);
462
+ }
463
+
464
+ .cyber-stepper-step.completed {
465
+ color: var(--neon-purple);
466
+ }
467
+
468
+ .cyber-overlay {
469
+ background: rgba(10, 10, 26, 0.8);
470
+ }
471
+
472
+ .cyber-skeleton {
473
+ 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%);
474
+ background-size: 200% 100%;
475
+ animation: shimmer 1.5s infinite;
476
+ }
477
+
478
+ @keyframes shimmer {
479
+ 0% { background-position: 200% 0; }
480
+ 100% { background-position: -200% 0; }
481
+ }
482
+
483
+ .cyber-countdown {
484
+ font-family: 'Orbitron', sans-serif;
485
+ }
486
+
487
+ .cyber-countdown-item {
488
+ background: rgba(10, 10, 26, 0.7);
489
+ border: 1px solid var(--neon-blue);
490
+ }
491
+
492
+ .cyber-countdown-label {
493
+ color: var(--neon-blue);
494
+ }
495
+
496
+ .cyber-weather {
497
+ background: rgba(10, 10, 26, 0.7);
498
+ border: 1px solid var(--neon-blue);
499
+ }
500
+
501
+ .cyber-weather-icon {
502
+ color: var(--neon-blue);
503
+ }
504
+
505
+ .cyber-calendar {
506
+ background: rgba(10, 10, 26, 0.7);
507
+ border: 1px solid var(--neon-blue);
508
+ }
509
+
510
+ .cyber-calendar-header {
511
+ background: rgba(11, 240, 252, 0.1);
512
+ }
513
+
514
+ .cyber-calendar-day:hover:not(.disabled) {
515
+ background: rgba(11, 240, 252, 0.1);
516
+ }
517
+
518
+ .cyber-calendar-day.selected {
519
+ background: var(--neon-purple);
520
+ color: white;
521
+ }
522
+
523
+ .cyber-chat {
524
+ background: rgba(10, 10, 26, 0.7);
525
+ border: 1px solid var(--neon-blue);
526
+ }
527
+
528
+ .cyber-chat-message {
529
+ background: rgba(11, 240, 252, 0.1);
530
+ border-left: 3px solid var(--neon-blue);
531
+ }
532
+
533
+ .cyber-chat-message.self {
534
+ background: rgba(188, 19, 254, 0.1);
535
+ border-left: 3px solid var(--neon-purple);
536
+ }
537
+
538
+ .cyber-chat-input {
539
+ background: rgba(10, 10, 26, 0.9);
540
+ border: 1px solid var(--neon-blue);
541
+ }
542
+
543
+ .cyber-music-player {
544
+ background: rgba(10, 10, 26, 0.7);
545
+ border: 1px solid var(--neon-blue);
546
+ }
547
+
548
+ .cyber-music-progress {
549
+ background: rgba(11, 240, 252, 0.1);
550
+ }
551
+
552
+ .cyber-music-progress-bar {
553
+ background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%);
554
+ }
555
+
556
+ .cyber-music-controls button:hover {
557
+ color: var(--neon-blue);
558
+ }
559
+
560
+ .cyber-video-player {
561
+ background: rgba(10, 10, 26, 0.7);
562
+ border: 1px solid var(--neon-blue);
563
+ }
564
+
565
+ .cyber-video-controls {
566
+ background: rgba(10, 10, 26, 0.9);
567
+ }
568
+
569
+ .cyber-video-progress {
570
+ background: rgba(11, 240, 252, 0.1);
571
+ }
572
+
573
+ .cyber-video-progress-bar {
574
+ background: linear-gradient(90deg, var(--neon-blue) 0%, var(--neon-purple) 100%);
575
+ }
576
+
577
+ .cyber-video-controls button:hover {
578
+ color: var(--neon-blue);
579
+ }
580
+
581
+ .cyber-gallery {
582
+ background: rgba(10, 10, 26, 0.7);
583
+ border: 1px solid var(--neon-blue);
584
+ }
585
+
586
+ .cyber-gallery-item:hover {
587
+ transform: scale(1.05);
588
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
589
+ }
590
+
591
+ .cyber-map {
592
+ background: rgba(10, 10, 26, 0.7);
593
+ border: 1px solid var(--neon-blue);
594
+ }
595
+
596
+ .cyber-map-marker {
597
+ background: var(--neon-purple);
598
+ border: 2px solid var(--neon-blue);
599
+ }
600
+
601
+ .cyber-map-controls button:hover {
602
+ background: rgba(11, 240, 252, 0.1);
603
+ }
604
+
605
+ .cyber-dashboard {
606
+ background: rgba(10, 10, 26, 0.7);
607
+ border: 1px solid var(--neon-blue);
608
+ }
609
+
610
+ .cyber-dashboard-widget {
611
+ background: rgba(10, 10, 26, 0.9);
612
+ border: 1px solid var(--neon-blue);
613
+ }
614
+
615
+ .cyber-dashboard-widget-header {
616
+ background: rgba(11, 240, 252, 0.1);
617
+ border-bottom: 1px solid var(--neon-blue);
618
+ }
619
+
620
+ .cyber-dashboard-widget:hover {
621
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
622
+ }
623
+
624
+ .cyber-form {
625
+ background: rgba(10, 10, 26, 0.7);
626
+ border: 1px solid var(--neon-blue);
627
+ }
628
+
629
+ .cyber-form-header {
630
+ background: rgba(11, 240, 252, 0.1);
631
+ border-bottom: 1px solid var(--neon-blue);
632
+ }
633
+
634
+ .cyber-form-group {
635
+ border-bottom: 1px solid rgba(11, 240, 252, 0.1);
636
+ }
637
+
638
+ .cyber-form-group:last-child {
639
+ border-bottom: none;
640
+ }
641
+
642
+ .cyber-form-label {
643
+ color: var(--neon-blue);
644
+ }
645
+
646
+ .cyber-form-footer {
647
+ background: rgba(11, 240, 252, 0.1);
648
+ border-top: 1px solid var(--neon-blue);
649
+ }
650
+
651
+ .cyber-login {
652
+ background: rgba(10, 10, 26, 0.9);
653
+ border: 1px solid var(--neon-blue);
654
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
655
+ }
656
+
657
+ .cyber-login-header {
658
+ border-bottom: 1px solid var(--neon-blue);
659
+ }
660
+
661
+ .cyber-login-footer {
662
+ border-top: 1px solid var(--neon-blue);
663
+ }
664
+
665
+ .cyber-register {
666
+ background: rgba(10, 10, 26, 0.9);
667
+ border: 1px solid var(--neon-blue);
668
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
669
+ }
670
+
671
+ .cyber-register-header {
672
+ border-bottom: 1px solid var(--neon-blue);
673
+ }
674
+
675
+ .cyber-register-footer {
676
+ border-top: 1px solid var(--neon-blue);
677
+ }
678
+
679
+ .cyber-profile {
680
+ background: rgba(10, 10, 26, 0.7);
681
+ border: 1px solid var(--neon-blue);
682
+ }
683
+
684
+ .cyber-profile-header {
685
+ background: rgba(11, 240, 252, 0.1);
686
+ border-bottom: 1px solid var(--neon-blue);
687
+ }
688
+
689
+ .cyber-profile-section {
690
+ border-bottom: 1px solid rgba(11, 240, 252, 0.1);
691
+ }
692
+
693
+ .cyber-profile-section:last-child {
694
+ border-bottom: none;
695
+ }
696
+
697
+ .cyber-settings {
698
+ background: rgba(10, 10, 26, 0.7);
699
+ border: 1px solid var(--neon-blue);
700
+ }
701
+
702
+ .cyber-settings-header {
703
+ background: rgba(11, 240, 252, 0.1);
704
+ border-bottom: 1px solid var(--neon-blue);
705
+ }
706
+
707
+ .cyber-settings-section {
708
+ border-bottom: 1px solid rgba(11, 240, 252, 0.1);
709
+ }
710
+
711
+ .cyber-settings-section:last-child {
712
+ border-bottom: none;
713
+ }
714
+
715
+ .cyber-admin {
716
+ background: rgba(10, 10, 26, 0.7);
717
+ border: 1px solid var(--neon-blue);
718
+ }
719
+
720
+ .cyber-admin-header {
721
+ background: rgba(11, 240, 252, 0.1);
722
+ border-bottom: 1px solid var(--neon-blue);
723
+ }
724
+
725
+ .cyber-admin-sidebar {
726
+ background: rgba(10, 10, 26, 0.9);
727
+ border-right: 1px solid var(--neon-blue);
728
+ }
729
+
730
+ .cyber-admin-content {
731
+ background: rgba(10, 10, 26, 0.7);
732
+ }
733
+
734
+ .cyber-admin-footer {
735
+ background: rgba(11, 240, 252, 0.1);
736
+ border-top: 1px solid var(--neon-blue);
737
+ }
738
+
739
+ .cyber-ecommerce {
740
+ background: rgba(10, 10, 26, 0.7);
741
+ border: 1px solid var(--neon-blue);
742
+ }
743
+
744
+ .cyber-product {
745
+ background: rgba(10, 10, 26, 0.9);
746
+ border: 1px solid var(--neon-blue);
747
+ }
748
+
749
+ .cyber-product:hover {
750
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
751
+ }
752
+
753
+ .cyber-product-header {
754
+ border-bottom: 1px solid var(--neon-blue);
755
+ }
756
+
757
+ .cyber-product-footer {
758
+ border-top: 1px solid var(--neon-blue);
759
+ }
760
+
761
+ .cyber-cart {
762
+ background: rgba(10, 10, 26, 0.9);
763
+ border: 1px solid var(--neon-blue);
764
+ }
765
+
766
+ .cyber-cart-header {
767
+ border-bottom: 1px solid var(--neon-blue);
768
+ }
769
+
770
+ .cyber-cart-footer {
771
+ border-top: 1px solid var(--neon-blue);
772
+ }
773
+
774
+ .cyber-checkout {
775
+ background: rgba(10, 10, 26, 0.9);
776
+ border: 1px solid var(--neon-blue);
777
+ }
778
+
779
+ .cyber-checkout-header {
780
+ border-bottom: 1px solid var(--neon-blue);
781
+ }
782
+
783
+ .cyber-checkout-footer {
784
+ border-top: 1px solid var(--neon-blue);
785
+ }
786
+
787
+ .cyber-invoice {
788
+ background: rgba(10, 10, 26, 0.9);
789
+ border: 1px solid var(--neon-blue);
790
+ }
791
+
792
+ .cyber-invoice-header {
793
+ border-bottom: 1px solid var(--neon-blue);
794
+ }
795
+
796
+ .cyber-invoice-footer {
797
+ border-top: 1px solid var(--neon-blue);
798
+ }
799
+
800
+ .cyber-blog {
801
+ background: rgba(10, 10, 26, 0.7);
802
+ border: 1px solid var(--neon-blue);
803
+ }
804
+
805
+ .cyber-post {
806
+ background: rgba(10, 10, 26, 0.9);
807
+ border: 1px solid var(--neon-blue);
808
+ }
809
+
810
+ .cyber-post:hover {
811
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
812
+ }
813
+
814
+ .cyber-post-header {
815
+ border-bottom: 1px solid var(--neon-blue);
816
+ }
817
+
818
+ .cyber-post-footer {
819
+ border-top: 1px solid var(--neon-blue);
820
+ }
821
+
822
+ .cyber-comment {
823
+ background: rgba(10, 10, 26, 0.7);
824
+ border-left: 3px solid var(--neon-blue);
825
+ }
826
+
827
+ .cyber-comment-reply {
828
+ background: rgba(10, 10, 26, 0.9);
829
+ border-left: 3px solid var(--neon-purple);
830
+ }
831
+
832
+ .cyber-portfolio {
833
+ background: rgba(10, 10, 26, 0.7);
834
+ border: 1px solid var(--neon-blue);
835
+ }
836
+
837
+ .cyber-portfolio-item {
838
+ background: rgba(10, 10, 26, 0.9);
839
+ border: 1px solid var(--neon-blue);
840
+ }
841
+
842
+ .cyber-portfolio-item:hover {
843
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
844
+ }
845
+
846
+ .cyber-portfolio-item-header {
847
+ border-bottom: 1px solid var(--neon-blue);
848
+ }
849
+
850
+ .cyber-portfolio-item-footer {
851
+ border-top: 1px solid var(--neon-blue);
852
+ }
853
+
854
+ .cyber-faq {
855
+ background: rgba(10, 10, 26, 0.7);
856
+ border: 1px solid var(--neon-blue);
857
+ }
858
+
859
+ .cyber-faq-item {
860
+ background: rgba(10, 10, 26, 0.9);
861
+ border: 1px solid var(--neon-blue);
862
+ }
863
+
864
+ .cyber-faq-item-header {
865
+ background: rgba(11, 240, 252, 0.1);
866
+ border-bottom: 1px solid var(--neon-blue);
867
+ }
868
+
869
+ .cyber-faq-item-content {
870
+ border-top: 1px solid var(--neon-blue);
871
+ }
872
+
873
+ .cyber-testimonial {
874
+ background: rgba(10, 10, 26, 0.9);
875
+ border: 1px solid var(--neon-blue);
876
+ }
877
+
878
+ .cyber-testimonial:hover {
879
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
880
+ }
881
+
882
+ .cyber-testimonial-header {
883
+ border-bottom: 1px solid var(--neon-blue);
884
+ }
885
+
886
+ .cyber-testimonial-footer {
887
+ border-top: 1px solid var(--neon-blue);
888
+ }
889
+
890
+ .cyber-team {
891
+ background: rgba(10, 10, 26, 0.7);
892
+ border: 1px solid var(--neon-blue);
893
+ }
894
+
895
+ .cyber-member {
896
+ background: rgba(10, 10, 26, 0.9);
897
+ border: 1px solid var(--neon-blue);
898
+ }
899
+
900
+ .cyber-member:hover {
901
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
902
+ }
903
+
904
+ .cyber-member-header {
905
+ border-bottom: 1px solid var(--neon-blue);
906
+ }
907
+
908
+ .cyber-member-footer {
909
+ border-top: 1px solid var(--neon-blue);
910
+ }
911
+
912
+ .cyber-contact {
913
+ background: rgba(10, 10, 26, 0.7);
914
+ border: 1px solid var(--neon-blue);
915
+ }
916
+
917
+ .cyber-contact-form {
918
+ background: rgba(10, 10, 26, 0.9);
919
+ border: 1px solid var(--neon-blue);
920
+ }
921
+
922
+ .cyber-contact-form-header {
923
+ border-bottom: 1px solid var(--neon-blue);
924
+ }
925
+
926
+ .cyber-contact-form-footer {
927
+ border-top: 1px solid var(--neon-blue);
928
+ }
929
+
930
+ .cyber-pricing {
931
+ background: rgba(10, 10, 26, 0.7);
932
+ border: 1px solid var(--neon-blue);
933
+ }
934
+
935
+ .cyber-plan {
936
+ background: rgba(10, 10, 26, 0.9);
937
+ border: 1px solid var(--neon-blue);
938
+ }
939
+
940
+ .cyber-plan:hover {
941
+ box-shadow: 0 5px 15px rgba(11, 240, 252, 0.3);
942
+ }
943
+
944
+ .cyber-plan-header {
945
+ border-bottom: 1px solid var(--neon-blue);
946
+ }
947
+
948
+ .cyber-plan-footer {
949
+ border-top: 1px solid var(--neon-blue);
950
+ }
951
+
952
+ .cyber-plan-featured {
953
+ border: 2px solid var(--neon-purple);
954
+ }
955
+
956
+ .cyber-plan-featured .cyber-plan-header {
957
+ background: rgba(188, 19, 254, 0.1);
958
+ }
959
+
960
+ .cyber-error {
961
+ background: rgba(10, 10, 26, 0.9);
962
+ border: 1px solid var(--neon-blue);
963
+ }
964
+
965
+ .cyber-error-header {
966
+ border-bottom: 1px solid var(--neon-blue);
967
+ }
968
+
969
+ .cyber-error-footer {
970
+ border-top: 1px solid var(--neon-blue);
971
+ }
972
+
973
+ .cyber-coming-soon {
974
+ background: rgba(10, 10, 26, 0.9);
975
+ border: 1px solid var(--neon-blue);
976
+ }
977
+
978
+ .cyber-coming-soon-header {
979
+ border-bottom: 1px solid var(--neon-blue);
980
+ }
981
+
982
+ .cyber-coming-soon-footer {
983
+ border-top: 1px solid var(--neon-blue);
984
+ }
985
+
986
+ .cyber-maintenance {
987
+ background: rgba(10, 10, 26, 0.9);
988
+ border: 1px solid var(--neon-blue);
989
+ }
990
+
991
+ .cyber-maintenance-header {
992
+ border-bottom: 1px solid var(--neon-blue);
993
+ }
994
+
995
+ .cyber-maintenance-footer {
996
+ border-top: 1px solid var(--neon-blue);
997
+ }
998
+
999
+ .cyber-construction {
1000
+ background: rgba(10, 10, 26, 0.9);
1001
+ border: 1px solid var(--neon-blue);
1002
+ }
1003
+
1004
+ .cyber-construction-header {
1005
+ border-bottom: 1px solid var(--neon-blue);
1006
+ }
1007
+
1008
+ .cyber-construction-footer {
1009
+ border-top: 1px solid var(--neon-blue);
1010
+ }
1011
+
1012
+ .cyber-landing {
1013
+ background: rgba(10, 10, 26, 0.7);
1014
+ border: 1px solid var(--neon-blue);
1015
+ }
1016
+
1017
+ .cyber-landing-header {
1018
+ border-bottom: 1px solid var(--neon-blue);
1019
+ }
1020
+
1021
+ .cyber-landing-footer {
1022
+ border-top: 1px solid var(--neon-blue);
1023
+ }
1024
+
1025
+ .cyber-onboarding {
1026
+ background: rgba(10, 10, 26, 0.9);
1027
+ border: 1px solid var(--neon-blue);
1028
+ }
1029
+
1030
+ .cyber-onboarding-header {
1031
+ border-bottom: 1px solid var(--neon-blue);
1032
+ }
1033
+
1034
+ .cyber-onboarding-footer {
1035
+ border-top: 1px solid var(--neon-blue);
1036
+ }
1037
+
1038
+ .cyber-wizard {
1039
+ background: rgba(10, 10, 26, 0.9);
1040
+ border: 1px solid var(--neon-blue);
1041
+ }
1042
+
1043
+ .cyber-wizard-header {
1044
+ border-bottom: 1px solid var(--neon-blue);
1045
+ }
1046
+
1047
+ .cyber-wizard-footer {
1048
+ border-top: 1px solid var(--neon-blue);
1049
+ }
1050
+
1051
+ .cyber-wizard-step {
1052
+ border-bottom: 1px solid var(--neon-blue);
1053
+ }
1054
+
1055
+ .cyber-wizard-step:last-child {
1056
+ border-bottom: none;
1057
+ }
1058
+
1059
+ .cyber-wizard-step.active {
1060
+ background: rgba(11, 240, 252, 0.1);
1061
+ }
1062
+
1063
+ .cyber-wizard-step.completed {
1064
+ background: rgba(188, 19, 254, 0.1);
1065
+ }
1066
+
1067
+ .cyber-welcome {
1068
+ background: rgba(10, 10, 26, 0.9);
1069
+ border: 1px solid var(--neon-blue);
1070
+ }
1071
+
1072
+ .cyber-welcome-header {
1073
+ border-bottom: 1px solid var(--neon-blue);
1074
+ }
1075
+
1076
+ .cyber-welcome-footer {
1077
+ border-top: 1px solid var(--neon-blue);
1078
+ }
1079
+
1080
+ .cyber-getting-started {
1081
+ background: rgba(10, 10, 26, 0.9);
1082
+ border: 1px solid var(--neon-blue);
1083
+ }
1084
+
1085
+ .cyber-getting-started-header {
1086
+ border-bottom: 1px solid var(--neon-blue);
1087
+ }
1088
+
1089
+ .cyber-getting-started-footer {
1090
+ border-top: 1px solid var(--neon-blue);
1091
+ }
1092
+
1093
+ .cyber-tour {
1094
+ background: rgba(10, 10, 26, 0.9);
1095
+ border: 1px solid var(--neon-blue);
1096
+ }
1097
+
1098
+ .cyber-tour-header {
1099
+ border-bottom: 1px solid var(--neon-blue);
1100
+ }
1101
+
1102
+ .cyber-tour-footer {
1103
+ border-top: 1px solid var(--neon-blue);
1104
+ }
1105
+
1106
+ .cyber-tour-step {
1107
+ border-bottom: 1px solid var(--neon-blue);
1108
+ }
1109
+
1110
+ .cyber-tour-step:last-child {
1111
+ border-bottom: none;
1112
+ }
1113
+
1114
+ .cyber-tour-step.active {
1115
+ background: rgba(11, 240, 252, 0.1);
1116
+ }
1117
+
1118
+ .cyber-tour-step.completed {
1119
+ background: rgba(188, 19, 254, 0.1);
1120
+ }
1121
+
1122
+ .cyber-help {
1123
+ background: rgba(10, 10, 26, 0.9);
1124
+ border: 1px solid var(--neon-blue);
1125
+ }
1126
+
1127
+ .cyber-help-header {
1128
+ border-bottom: 1px solid var(--neon-blue);
1129
+ }
1130
+
1131
+ .cyber-help-footer {
1132
+ border-top: 1px solid var(--neon-blue);
1133
+ }
1134
+
1135
+ .cyber-help-section {
1136
+ border-bottom: 1px solid var(--neon-blue);
1137
+ }
1138
+
1139
+ .cyber-help-section:last-child {
1140
+ border-bottom: none;
1141
+ }
1142
+
1143
+ .cyber-help-section.active {
1144
+ background: rgba(11, 240, 252, 0.1);
1145
+ }
1146
+
1147
+ .cyber-docs {
1148
+ background: rgba(10, 10, 26, 0.7);
1149
+ border: 1px solid var(--neon-blue);
1150
+ }
1151
+
1152
+ .cyber-docs-header {
1153
+ border-bottom: 1px solid var(--neon-blue);
1154
+ }
1155
+
1156
+ .cyber-docs-footer {
1157
+ border-top: 1px solid var(--neon-blue);
1158
+ }
1159
+
1160
+ .cyber-docs-sidebar {
1161
+ background: rgba(10, 10, 26, 0.9);
1162
+ border-right: 1px solid var(--neon-blue);
1163
+ }
1164
+
1165
+ .cyber-docs-content {
1166
+ background: rgba(10, 10, 26, 0.7);
1167
+ }
1168
+
1169
+ .cyber-docs-section {
1170
+ border-bottom: 1px solid var(--neon-blue);
1171
+ }
1172
+
1173
+ .cyber-docs-section:last-child {
1174
+ border-bottom: none;
1175
+ }
1176
+
1177
+ .cyber-docs-section.active {
1178
+ background: rgba(11, 240, 252, 0.1);
1179
+ }
1180
+
1181
+ .cyber-api {
1182
+ background: rgba(10, 10, 26, 0.7);
1183
+ border: 1px solid var(--neon-blue);
1184
+ }
1185
+
1186
+ .cyber-api-header {
1187
+ border-bottom: 1px solid var(--neon-blue);
1188
+ }
1189
+
1190
+ .cyber-api-footer {
1191
+ border-top: 1px solid var(--neon-blue);
1192
+ }
1193
+
1194
+ .cyber-api-sidebar {
1195
+ background: rgba(10, 10, 26, 0.9);
1196
+ border-right: 1px solid var(--neon-blue);
1197
+ }
1198
+
1199
+ .cyber-api-content {
1200
+ background: rgba(10, 10, 26, 0.7);
1201
+ }
1202
+
1203
+ .cyber-api-endpoint {
1204
+ border-bottom: 1px solid var(--neon-blue);
1205
+ }
1206
+
1207
+ .cyber-api-endpoint:last-child {
1208
+ border-bottom: none;
1209
+ }
1210
+
1211
+ .cyber-api-endpoint.active {
1212
+ background: rgba(11, 240, 252, 0.1);
1213
+ }
1214
+
1215
+ .cyber-status {
1216
+ background: rgba(10, 10, 26, 0.7);
1217
+ border: 1px solid var(--neon-blue);
1218
+ }
1219
+
1220
+ .cyber-status-header {
1221
+ border-bottom: 1px solid var(--neon-blue);
1222
+ }
1223
+
1224
+ .cyber-status-footer {
1225
+ border-top: 1px solid var(--neon-blue);
1226
+ }
1227
+
1228
+ .cyber-status-item {
1229
+ border-bottom: 1px solid var(--neon-blue);
1230
+ }
1231
+
1232
+ .cyber-status-item:last-child {
1233
+ border-bottom: none;
1234
+ }
1235
+
1236
+ .cyber-status-item.active {
1237
+ background: rgba(11, 240, 252, 0.1);
1238
+ }
1239
+
1240
+ .cyber-status-item.operational {
1241
+ border-left: 3px solid #00ff88;
1242
+ }
1243
+
1244
+ .cyber-status-item.degraded {
1245
+ border-left: 3px solid #ffcc00;
1246
+ }
1247
+
1248
+ .cyber-status-item.outage {
1249
+ border-left: 3px solid #ff3366;
1250
+ }
1251
+
1252
+ .cyber-status-item.maintenance {
1253
+ border-left: 3px solid var(--neon-blue);
1254
+ }
1255
+
1256
+ .cyber-changelog {
1257
+ background: rgba(10, 10, 26, 0.7);
1258
+ border: 1px solid var(--neon-blue);
1259
+ }
1260
+
1261
+ .cyber-changelog-header {
1262
+ border-bottom: 1px solid var(--neon-blue);
1263
+ }
1264
+
1265
+ .cyber-changelog-footer {
1266
+ border-top: 1px solid var(--neon-blue);
1267
+ }
1268
+
1269
+ .cyber-changelog-item {
1270
+ border-bottom: 1px solid var(--neon-blue);
1271
+ }
1272
+
1273
+ .cyber-changelog-item:last-child {
1274
+ border-bottom: none;
1275
+ }
1276
+
1277
+ .cyber-changelog-item.active {
1278
+ background: rgba(11, 240, 252, 0.1);
1279
+ }
1280
+
1281
+ .cyber-changelog-item.feature {
1282
+ border-left: 3px solid #00ff88;
1283
+ }
1284
+
1285
+ .cyber-changelog-item.improvement {
1286
+ border-left: 3px solid #ffcc00;
1287
+ }
1288
+
1289
+ .cyber-changelog-item.fix {
1290
+ border-left: 3px solid #ff3366;
1291
+ }
1292
+
1293
+ .cyber-changelog-item.security {
1294
+ border-left: 3px solid var(--neon-blue);
1295
+ }
1296
+
1297
+ .cyber-roadmap {
1298
+ background: rgba(10, 10, 26, 0.7);
1299
+ border: 1px solid var(--neon-blue);
1300
+ }
1301
+
1302
+ .cyber-roadmap-header {
1303
+ border-bottom: 1px solid var(--neon-blue);
1304
+ }
1305
+
1306
+ .cyber-roadmap-footer {
1307
+ border-top: 1px solid var(--neon-blue);
1308
+ }
1309
+
1310
+ .cyber-roadmap-item {
1311
+ border-bottom: 1px solid var(--neon-blue);
1312
+ }
1313
+
1314
+ .cyber-roadmap-item:last-child {
1315
+ border-bottom: none;
1316
+ }
1317
+
1318
+ .cyber-roadmap-item.active {
1319
+ background: rgba(11, 240, 252, 0.1);
1320
+ }
1321
+
1322
+ .cyber-roadmap-item.planned {
1323
+ border-left: 3px solid #ffcc00;
1324
+ }
1325
+
1326
+ .cyber-roadmap-item.in-progress {
1327
+ border-left: 3px solid var(--neon-blue);
1328
+ }
1329
+
1330
+ .cyber-roadmap-item.completed {
1331
+ border-left: 3px solid #00ff88;
1332
+ }
1333
+
1334
+ .cyber-about {
1335
+ background: rgba(10, 10, 26, 0.7);
1336
+ border: 1px solid var(--neon-blue);
1337
+ }
1338
+
1339
+ .cyber-about-header {
1340
+ border-bottom: 1px solid var(--neon-blue);
1341
+ }
1342
+
1343
+ .cyber-about-footer {
1344
+ border-top: 1px solid var(--neon-blue);
1345
+ }
1346
+
1347
+ .cyber-about-section {
1348
+ border-bottom: 1px solid var(--neon-blue);
1349
+ }
1350
+
1351
+ .cyber-about-section:last-child {
1352
+ border-bottom: none;
1353
+ }
1354
+
1355
+ .cyber-about-section.active {
1356
+ background: rgba(11, 240, 252, 0.1);
1357
+ }
1358
+
1359
+ .cyber-careers {
1360
+ background: rgba(10, 10, 26, 0.7);
1361
+ border: 1px solid var(--neon-blue);
1362
+ }
1363
+
1364
+ .cyber-careers-header {
1365
+ border-bottom: 1px solid var(--neon-blue);
1366
+ }
1367
+
1368
+ .cyber-careers-footer {
1369
+ border-top: 1px solid var(--neon-blue);
1370
+ }
1371
+
1372
+ .cyber-careers-item {
1373
+ border-bottom: 1px solid var(--neon-blue);
1374
+ }
1375
+
1376
+ .cyber-careers-item:last-child {
1377
+ border-bottom: none;
1378
+ }
1379
+
1380
+ .cyber-careers-item.active {
1381
+ background: rgba(11, 240, 252, 0.1);
1382
+ }
1383
+
1384
+ .cyber-press {
1385
+ background: rgba(10, 10, 26, 0.7);
1386
+ border: 1px solid var(--neon-blue);
1387
+ }
1388
+
1389
+ .cyber-press-header {
1390
+ border-bottom: 1px solid var(--neon-blue);
1391
+ }
1392
+
1393
+ .cyber-press-footer {
1394
+ border-top: 1px solid var(--neon-blue);
1395
+ }
1396
+
1397
+ .cyber-press-item {
1398
+ border-bottom: 1px solid var(--neon-blue);
1399
+ }
1400
+
1401
+ .cyber-press-item:last-child {
1402
+ border-bottom: none;
1403
+ }
1404
+
1405
+ .cyber-press-item.active {
1406
+ background: rgba(11, 240, 252, 0.1);
1407
+ }
1408
+
1409
+ .cyber-legal {
1410
+ background: rgba(10, 10, 26, 0.7);
1411
+ border: 1px solid var(--neon-blue);
1412
+ }
1413
+
1414
+ .cyber-legal-header {
1415
+ border-bottom: 1px solid var(--neon-blue);
1416
+ }
1417
+
1418
+ .cyber-legal-footer {
1419
+ border-top: 1px solid var(--neon-blue);
1420
+ }
1421
+
1422
+ .cyber-legal-section {
1423
+ border-bottom: 1px solid var(--neon-blue);
1424
+ }
1425
+
1426
+ .cyber-legal-section:last-child {
1427
+ border-bottom: none;
1428
+ }
1429
+
1430
+ .cyber-legal-section.active {
1431
+ background: rgba(11, 240, 252, 0.1);
1432
+ }
1433
+
1434
+ .cyber-privacy {
1435
+ background: rgba(10, 10, 26, 0.7);
1436
+ border: 1px solid var(--neon-blue);
1437
+ }
1438
+
1439
+ .cyber-privacy-header {
1440
+ border-bottom: 1px solid var(--neon-blue);
1441
+ }
1442
+
1443
+ .cyber-privacy-footer {
1444
+ border-top: 1px solid var(--neon-blue);
1445
+ }
1446
+
1447
+ .cyber-privacy-section {
1448
+ border-bottom: 1px solid var(--neon-blue);
1449
+ }
1450
+
1451
+ .cyber-privacy-section:last-child {
1452
+ border-bottom: none;
1453
+ }
1454
+
1455
+ .cyber-privacy-section.active {
1456
+ background: rgba(11, 240, 252, 0.1);
1457
+ }
1458
+
1459
+ .cyber-terms {
1460
+ background: rgba(10, 10, 26, 0.7);
1461
+ border: 1px solid var(--neon-blue);
1462
+ }
1463
+
1464
+ .cyber-terms-header {
1465
+ border-bottom: 1px solid var(--neon-blue);
1466
+ }
1467
+
1468
+ .cyber-terms-footer {
1469
+ border-top: 1px solid var(--neon-blue);
1470
+ }
1471
+
1472
+ .cyber-terms-section {
1473
+ border-bottom: 1px solid var(--neon-blue);
1474
+ }
1475
+
1476
+ .cyber-terms-section:last-child {
1477
+ border-bottom: none;
1478
+ }
1479
+
1480
+ .cyber-terms-section.active {
1481
+ background: rgba(11, 240, 252, 0.1);
1482
+ }
1483
+
1484
+ .cyber-cookies {
1485
+ background: rgba(10, 10, 26, 0.7);
1486
+ border: 1px solid var(--neon-blue);
1487
+ }
1488
+
1489
+ .cyber-cookies-header {
1490
+ border-bottom: 1px solid var(--neon-blue);
1491
+ }
1492
+
1493
+ .cyber-cookies-footer {
1494
+ border-top: 1px solid var(--neon-blue);
1495
+ }
1496
+
1497
+ .cyber-cookies-section {
1498
+ border-bottom: 1px solid var(--neon-blue);
1499
+ }
1500
+
1501
+ .cyber-cookies-section:last-child {
1502
+ border-bottom: none;
1503
+ }
1504
+
1505
+ .cyber-cookies-section.active {
1506
+ background: rgba(11, 240, 252, 0.1);
1507
+ }
1508
+
1509
+ .cyber-accessibility {
1510
+ background: rgba(10, 10, 26, 0.7);
1511
+ border: 1px solid var(--neon-blue);
1512
+ }
1513
+
1514
+ .cyber-accessibility-header {
1515
+ border-bottom: 1px solid var(--neon-blue);
1516
+ }
1517
+
1518
+ .cyber-accessibility-footer {
1519
+ border-top: 1px solid var(--neon-blue);
1520
+ }
1521
+
1522
+ .cyber-accessibility-section {
1523
+ border-bottom: 1px solid var(--neon-blue);
1524
+ }
1525
+
1526
+ .cyber-accessibility-section:last-child {
1527
+ border-bottom: none;
1528
+ }
1529
+
1530
+ .cyber-accessibility-section.active {
1531
+ background: rgba(11, 240, 252, 0.1);
1532
+ }
1533
+
1534
+ .cyber-sitemap {
1535
+ background: rgba(10, 10, 26, 0.7);
1536
+ border: 1px solid var(--neon-blue);
1537
+ }
1538
+
1539
+ .cyber-sitemap-header {
1540
+ border-bottom: 1px solid var(--neon-blue);
1541
+ }
1542
+
1543
+ .cyber-sitemap-footer {
1544
+ border-top: 1px solid var(--neon-blue);
1545
+ }
1546
+
1547
+ .cyber-sitemap-section {
1548
+ border-bottom: 1px solid var(--neon-blue);
1549
+ }
1550
+
1551
+ .cyber-sitemap-section:last-child {
1552
+ border-bottom: none;
1553
+ }
1554
+
1555
+ .cyber-sitemap-section.active {
1556
+ background: rgba(11, 240, 252, 0.1);
1557
+ }
1558
+
1559
+ .cyber-404 {
1560
+ background: rgba(10, 10, 26, 0.9);
1561
+ border: 1px solid var(--neon-blue);
1562
+ }
1563
+
1564
+ .cyber-404-header {
1565
+ border-bottom: 1px solid var(--neon-blue);
1566
+ }
1567
+
1568
+ .cyber-404-footer {
1569
+ border-top: 1px solid var(--neon-blue);
1570
+ }
1571
+
1572
+ .cyber-500 {
1573
+ background: rgba(10, 10, 26, 0.9);
1574
+ border: 1px solid var(--neon-blue);
1575
+ }
1576
+
1577
+ .cyber-500-header {
1578
+ border-bottom: 1px solid var(--neon-blue);
1579
+ }
1580
+
1581
+ .cyber-500-footer {
1582
+ border-top: 1px solid var(--neon-blue);
1583
+ }
1584
+
1585
+ .cyber-503 {
1586
+ background: rgba(10, 10, 26, 0.9);
1587
+ border: 1px solid var(--neon-blue);
1588
+ }
1589
+
1590
+ .cyber-503-header {
1591
+ border-bottom: 1px solid var(--neon-blue);
1592
+ }
1593
+
1594
+ .cyber-503-footer {
1595
+ border-top: 1px solid var(--neon-blue);
1596
+ }
1597
+
1598
+ .cyber-offline {
1599
+ background: rgba(10, 10, 26, 0.9);
1600
+ border: 1px solid var(--neon-blue);
1601
+ }
1602
+
1603
+ .cyber-offline-header {
1604
+ border-bottom: 1px solid var(--neon-blue);
1605
+ }
1606
+
1607
+ .cyber-offline-footer {
1608
+ border-top: 1px solid var(--neon-blue);
1609
+ }
1610
+
1611
+ .cyber-unsupported {
1612
+ background: rgba(10, 10, 26, 0.9);
1613
+ border: 1px solid var(--neon-blue);
1614
+ }
1615
+
1616
+ .cyber-unsupported-header {
1617
+ border-bottom: 1px solid var(--neon-blue);
1618
+ }
1619
+
1620
+ .cyber-unsupported-footer {
1621
+ border-top: 1px solid var(--neon-blue);
1622
+ }
1623
+
1624
+ .cyber-main {
1625
+ background: rgba(10, 10, 26, 0.7);
1626
+ border: 1px solid var(--neon-blue);
1627
+ }
1628
+
1629
+ .cyber-main-header {
1630
+ border-bottom: 1px solid var(--neon-blue);
1631
+ }
1632
+
1633
+ .cyber-main-footer {
1634
+ border-top: 1px solid var(--neon-blue);
1635
+ }
1636
+
1637
+ .cyber-main-content {
1638
+ background: rgba(10, 10, 26, 0.5);
1639
+ }
1640
+
1641
+ .cyber-main-sidebar {
1642
+ background: rgba(10, 10, 26, 0.9);
1643
+ border-right: 1px solid var(--neon-blue);
1644
+ }
1645
+
1646
+ .cyber-main-nav {
1647
+ background: rgba(10, 10, 26, 0.9);
1648
+ border-bottom: 1px solid var(--neon-blue);
1649
+ }
1650
+
1651
+ .cyber-main-nav-item {
1652
+ border-bottom: 1px solid var(--neon-blue);
1653
+ }
1654
+
1655
+ .cyber-main-nav-item:last-child {
1656
+ border-bottom: none;
1657
+ }
1658
+
1659
+ .cyber-main-nav-item.active {
1660
+ background: rgba(11, 240, 252, 0.1);
1661
+ }
1662
+
1663
+ .cyber-main-nav-item:hover:not(.active) {
1664
+ background: rgba(11, 240, 252, 0.05);
1665
+ }
1666
+
1667
+ .cyber-main-aside {
1668
+ background: rgba(10, 10, 26, 0.9);
1669
+ border-left: 1px solid var(--neon-blue);
1670
+ }
1671
+
1672
+ .cyber-main-aside-item {
1673
+ border-bottom: 1px solid var(--neon-blue);
1674
+ }
1675
+
1676
+ .cyber-main-aside-item:last-child {
1677
+ border-bottom: none;
1678
+ }
1679
+
1680
+ .cyber-main-aside-item.active {
1681
+ background: rgba(11, 240, 252, 0.1);
1682
+ }
1683
+
1684
+ .cyber-main-aside-item:hover:not(.active) {
1685
+ background: rgba(11, 240, 252, 0.05);
1686
+ }
1687
+
1688
+ .cyber-main-footer {
1689
+ background: rgba(10, 10, 26, 0.9);
1690
+ border-top: 1px solid var(--neon-blue);
1691
+ }
1692
+
1693
+ .cyber-main-footer-item {
1694
+ border-bottom: 1px solid var(--neon-blue);
1695
+ }
1696
+
1697
+ .cyber-main-footer-item:last-child {
1698
+ border-bottom: none;
1699
+ }
1700
+
1701
+ .cyber-main-footer-item.active {
1702
+ background: rgba(11, 240, 252, 0.1);
1703
+ }
1704
+
1705
+ .cyber-main-footer-item:hover:not(.active) {
1706
+ background: rgba(11, 240, 252, 0.05);
1707
+ }
1708
+
1709
+ .cyber-main-toolbar {
1710
+ background: rgba(10, 10, 26, 0.9);
1711
+ border-bottom: 1px solid var(--neon-blue);
1712
+ }
1713
+
1714
+ .cyber-main-toolbar-item {
1715
+ border-right: 1px solid var(--neon-blue);
1716
+ }
1717
+
1718
+ .cyber-main-toolbar-item:last-child {
1719
+ border-right: none;
1720
+ }
1721
+
1722
+ .cyber-main-toolbar-item.active {
1723
+ background: rgba(11, 240, 252, 0.1);
1724
+ }
1725
+
1726
+ .cyber-main-toolbar-item:hover:not(.active) {
1727
+ background: rgba(11, 240, 252, 0.05);
1728
+ }
1729
+
1730
+ .cyber-main-statusbar {
1731
+ background: rgba(10, 10, 26, 0.9);
1732
+ border-top: 1px solid var(--neon-blue);
1733
+ }
1734
+
1735
+ .cyber-main-statusbar-item {
1736
+ border-right: 1px solid var(--neon-blue);
1737
+ }
1738
+
1739
+ .cyber-main-statusbar-item:last-child {
1740
+ border-right: none;
1741
+ }
1742
+
1743
+ .cyber-main-statusbar-item.active {
1744
+ background: rgba(11, 240, 252, 0.1);
1745
+ }
1746
+
1747
+ .cyber-main-statusbar-item:hover:not(.active) {
1748
+ background: rgba(11, 240, 252, 0.05);
1749
+ }
1750
+
1751
+ .cyber-main-panel {
1752
+ background: rgba(10, 10, 26, 0.9);
1753
+ border: 1px solid var(--neon-blue);
1754
+ }
1755
+
1756
+ .cyber-main-panel-header {
1757
+ border-bottom: 1px solid var(--neon-blue);
1758
+ }
1759
+
1760
+ .cyber-main-panel-footer {
1761
+ border-top: 1px solid var(--neon-blue);
1762
+ }
1763
+
1764
+ .cyber-main-panel-content {
1765
+ background: rgba(10, 10, 26, 0.7);
1766
+ }
1767
+
1768
+ .cyber-main-panel-section {
1769
+ border-bottom: 1px solid var(--neon-blue);
1770
+ }
1771
+
1772
+ .cyber-main-panel-section:last-child {
1773
+ border-bottom: none;
1774
+ }
1775
+
1776
+ .cyber-main-panel-section.active {
1777
+ background: rgba(11, 240, 252, 0.1);
1778
+ }
1779
+
1780
+ .cyber-main-panel-section:hover:not(.active) {
1781
+ background: rgba(11, 240, 252, 0.05);
1782
+ }
1783
+
1784
+ .cyber-main-dialog {
1785
+ background: rgba(10, 10, 26, 0.95);
1786
+ border: 1px solid var(--neon-blue);
1787
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1788
+ }
1789
+
1790
+ .cyber-main-dialog-header {
1791
+ border-bottom: 1px solid var(--neon-blue);
1792
+ }
1793
+
1794
+ .cyber-main-dialog-footer {
1795
+ border-top: 1px solid var(--neon-blue);
1796
+ }
1797
+
1798
+ .cyber-main-dialog-content {
1799
+ background: rgba(10, 10, 26, 0.7);
1800
+ }
1801
+
1802
+ .cyber-main-dialog-section {
1803
+ border-bottom: 1px solid var(--neon-blue);
1804
+ }
1805
+
1806
+ .cyber-main-dialog-section:last-child {
1807
+ border-bottom: none;
1808
+ }
1809
+
1810
+ .cyber-main-dialog-section.active {
1811
+ background: rgba(11, 240, 252, 0.1);
1812
+ }
1813
+
1814
+ .cyber-main-dialog-section:hover:not(.active) {
1815
+ background: rgba(11, 240, 252, 0.05);
1816
+ }
1817
+
1818
+ .cyber-main-popup {
1819
+ background: rgba(10, 10, 26, 0.95);
1820
+ border: 1px solid var(--neon-blue);
1821
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1822
+ }
1823
+
1824
+ .cyber-main-popup-header {
1825
+ border-bottom: 1px solid var(--neon-blue);
1826
+ }
1827
+
1828
+ .cyber-main-popup-footer {
1829
+ border-top: 1px solid var(--neon-blue);
1830
+ }
1831
+
1832
+ .cyber-main-popup-content {
1833
+ background: rgba(10, 10, 26, 0.7);
1834
+ }
1835
+
1836
+ .cyber-main-popup-section {
1837
+ border-bottom: 1px solid var(--neon-blue);
1838
+ }
1839
+
1840
+ .cyber-main-popup-section:last-child {
1841
+ border-bottom: none;
1842
+ }
1843
+
1844
+ .cyber-main-popup-section.active {
1845
+ background: rgba(11, 240, 252, 0.1);
1846
+ }
1847
+
1848
+ .cyber-main-popup-section:hover:not(.active) {
1849
+ background: rgba(11, 240, 252, 0.05);
1850
+ }
1851
+
1852
+ .cyber-main-toast {
1853
+ background: rgba(10, 10, 26, 0.95);
1854
+ border: 1px solid var(--neon-blue);
1855
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1856
+ }
1857
+
1858
+ .cyber-main-toast-header {
1859
+ border-bottom: 1px solid var(--neon-blue);
1860
+ }
1861
+
1862
+ .cyber-main-toast-footer {
1863
+ border-top: 1px solid var(--neon-blue);
1864
+ }
1865
+
1866
+ .cyber-main-toast-content {
1867
+ background: rgba(10, 10, 26, 0.7);
1868
+ }
1869
+
1870
+ .cyber-main-toast-section {
1871
+ border-bottom: 1px solid var(--neon-blue);
1872
+ }
1873
+
1874
+ .cyber-main-toast-section:last-child {
1875
+ border-bottom: none;
1876
+ }
1877
+
1878
+ .cyber-main-toast-section.active {
1879
+ background: rgba(11, 240, 252, 0.1);
1880
+ }
1881
+
1882
+ .cyber-main-toast-section:hover:not(.active) {
1883
+ background: rgba(11, 240, 252, 0.05);
1884
+ }
1885
+
1886
+ .cyber-main-notification {
1887
+ background: rgba(10, 10, 26, 0.95);
1888
+ border: 1px solid var(--neon-blue);
1889
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1890
+ }
1891
+
1892
+ .cyber-main-notification-header {
1893
+ border-bottom: 1px solid var(--neon-blue);
1894
+ }
1895
+
1896
+ .cyber-main-notification-footer {
1897
+ border-top: 1px solid var(--neon-blue);
1898
+ }
1899
+
1900
+ .cyber-main-notification-content {
1901
+ background: rgba(10, 10, 26, 0.7);
1902
+ }
1903
+
1904
+ .cyber-main-notification-section {
1905
+ border-bottom: 1px solid var(--neon-blue);
1906
+ }
1907
+
1908
+ .cyber-main-notification-section:last-child {
1909
+ border-bottom: none;
1910
+ }
1911
+
1912
+ .cyber-main-notification-section.active {
1913
+ background: rgba(11, 240, 252, 0.1);
1914
+ }
1915
+
1916
+ .cyber-main-notification-section:hover:not(.active) {
1917
+ background: rgba(11, 240, 252, 0.05);
1918
+ }
1919
+
1920
+ .cyber-main-tooltip {
1921
+ background: rgba(10, 10, 26, 0.95);
1922
+ border: 1px solid var(--neon-blue);
1923
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1924
+ }
1925
+
1926
+ .cyber-main-tooltip-header {
1927
+ border-bottom: 1px solid var(--neon-blue);
1928
+ }
1929
+
1930
+ .cyber-main-tooltip-footer {
1931
+ border-top: 1px solid var(--neon-blue);
1932
+ }
1933
+
1934
+ .cyber-main-tooltip-content {
1935
+ background: rgba(10, 10, 26, 0.7);
1936
+ }
1937
+
1938
+ .cyber-main-tooltip-section {
1939
+ border-bottom: 1px solid var(--neon-blue);
1940
+ }
1941
+
1942
+ .cyber-main-tooltip-section:last-child {
1943
+ border-bottom: none;
1944
+ }
1945
+
1946
+ .cyber-main-tooltip-section.active {
1947
+ background: rgba(11, 240, 252, 0.1);
1948
+ }
1949
+
1950
+ .cyber-main-tooltip-section:hover:not(.active) {
1951
+ background: rgba(11, 240, 252, 0.05);
1952
+ }
1953
+
1954
+ .cyber-main-contextmenu {
1955
+ background: rgba(10, 10, 26, 0.95);
1956
+ border: 1px solid var(--neon-blue);
1957
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1958
+ }
1959
+
1960
+ .cyber-main-contextmenu-header {
1961
+ border-bottom: 1px solid var(--neon-blue);
1962
+ }
1963
+
1964
+ .cyber-main-contextmenu-footer {
1965
+ border-top: 1px solid var(--neon-blue);
1966
+ }
1967
+
1968
+ .cyber-main-contextmenu-content {
1969
+ background: rgba(10, 10, 26, 0.7);
1970
+ }
1971
+
1972
+ .cyber-main-contextmenu-section {
1973
+ border-bottom: 1px solid var(--neon-blue);
1974
+ }
1975
+
1976
+ .cyber-main-contextmenu-section:last-child {
1977
+ border-bottom: none;
1978
+ }
1979
+
1980
+ .cyber-main-contextmenu-section.active {
1981
+ background: rgba(11, 240, 252, 0.1);
1982
+ }
1983
+
1984
+ .cyber-main-contextmenu-section:hover:not(.active) {
1985
+ background: rgba(11, 240, 252, 0.05);
1986
+ }
1987
+
1988
+ .cyber-main-dropdown {
1989
+ background: rgba(10, 10, 26, 0.95);
1990
+ border: 1px solid var(--neon-blue);
1991
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
1992
+ }
1993
+
1994
+ .cyber-main-dropdown-header {
1995
+ border-bottom: 1px solid var(--neon-blue);
1996
+ }
1997
+
1998
+ .cyber-main-dropdown-footer {
1999
+ border-top: 1px solid var(--neon-blue);
2000
+ }
2001
+
2002
+ .cyber-main-dropdown-content {
2003
+ background: rgba(10, 10, 26, 0.7);
2004
+ }
2005
+
2006
+ .cyber-main-dropdown-section {
2007
+ border-bottom: 1px solid var(--neon-blue);
2008
+ }
2009
+
2010
+ .cyber-main-dropdown-section:last-child {
2011
+ border-bottom: none;
2012
+ }
2013
+
2014
+ .cyber-main-dropdown-section.active {
2015
+ background: rgba(11, 240, 252, 0.1);
2016
+ }
2017
+
2018
+ .cyber-main-dropdown-section:hover:not(.active) {
2019
+ background: rgba(11, 240, 252, 0.05);
2020
+ }
2021
+
2022
+ .cyber-main-modal {
2023
+ background: rgba(10, 10, 26, 0.95);
2024
+ border: 1px solid var(--neon-blue);
2025
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
2026
+ }
2027
+
2028
+ .cyber-main-modal-header {
2029
+ border-bottom: 1px solid var(--neon-blue);
2030
+ }
2031
+
2032
+ .cyber-main-modal-footer {
2033
+ border-top: 1px solid var(--neon-blue);
2034
+ }
2035
+
2036
+ .cyber-main-modal-content {
2037
+ background: rgba(10, 10, 26, 0.7);
2038
+ }
2039
+
2040
+ .cyber-main-modal-section {
2041
+ border-bottom: 1px solid var(--neon-blue);
2042
+ }
2043
+
2044
+ .cyber-main-modal-section:last-child {
2045
+ border-bottom: none;
2046
+ }
2047
+
2048
+ .cyber-main-modal-section.active {
2049
+ background: rgba(11, 240, 252, 0.1);
2050
+ }
2051
+
2052
+ .cyber-main-modal-section:hover:not(.active) {
2053
+ background: rgba(11, 240, 252, 0.05);
2054
+ }
2055
+
2056
+ .cyber-main-lightbox {
2057
+ background: rgba(10, 10, 26, 0.95);
2058
+ border: 1px solid var(--neon-blue);
2059
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
2060
+ }
2061
+
2062
+ .cyber-main-lightbox-header {
2063
+ border-bottom: 1px solid var(--neon-blue);
2064
+ }
2065
+
2066
+ .cyber-main-lightbox-footer {
2067
+ border-top: 1px solid var(--neon-blue);
2068
+ }
2069
+
2070
+ .cyber-main-lightbox-content {
2071
+ background: rgba(10, 10, 26, 0.7);
2072
+ }
2073
+
2074
+ .cyber-main-lightbox-section {
2075
+ border-bottom: 1px solid var(--neon-blue);
2076
+ }
2077
+
2078
+ .cyber-main-lightbox-section:last-child {
2079
+ border-bottom: none;
2080
+ }
2081
+
2082
+ .cyber-main-lightbox-section.active {
2083
+ background: rgba(11, 240, 252, 0.1);
2084
+ }
2085
+
2086
+ .cyber-main-lightbox-section:hover:not(.active) {
2087
+ background: rgba(11, 240, 252, 0.05);
2088
+ }
2089
+
2090
+ .cyber-main-carousel {
2091
+ background: rgba(10, 10, 26, 0.95);
2092
+ border: 1px solid var(--neon-blue);
2093
+ box-shadow: 0 0 20px rgba(11, 240, 252, 0.5);
2094
+ }
2095
+
2096
+ .cyber-main-carousel-header {
2097
+ border-bottom: 1px solid var(--neon-blue);
2098
+ }
2099
+
2100
+ .cyber-main-carousel-footer {
2101
+ border-top: 1px solid var(--neon-blue);
2102
+ }
2103
+
2104
+ .cyber-main-carousel-content {
2105
+ background: rgba(10, 10, 26, 0.7);
2106
+ }
2107
+
2108
+ .cyber-main-carousel-section {
2109
+ border-bottom: 1px solid var(--neon-blue);
2110
+ }
2111
+
2112
+ .cyber-main-carousel-section:last-child {
2113
+ border-bottom: none;
2114
+ }
2115
+
2116
+ .cyber-main-carousel-section.active {
2117
+ background: rgba(11, 240, 252, 0.1);
2118
+ }
2119
+
2120
+ .cyber-main-carousel-section:hover:not(.active) {
2121
+ background: rgba(11, 240, 252, 0.05);
2122
+ }
2123
+
2124
+ .cyber-main-accordion {
2125
+ background: rgba(10, 10, 26, 0.95);
2126
+
2127
+ </html>
prompts.txt ADDED
@@ -0,0 +1,2 @@
 
 
 
1
+ creer un site de IA de 100000 bouton de services divers des vrais service reel pas d'exemple je veux un vrai site reel pret a l'emploi de suiie avec de tres belle interface le tout en automatique
2
+ AJOUTER PLUS DE GENERATEUR DE SITE ? CODE ? SCYPT . AVEC UNE INTERFACE FUTURISTE TRES ANIME