Hugging Face's logo

Spaces:
docto41
/
ia-services
Running

App Files Community
docto41 commited on
Commit
c52455b
·
verified ·
1 Parent(s): d43994c

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +2588 -19
  3. prompts.txt +7 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Ia Services
3
- emoji: 👀
4
- colorFrom: yellow
5
- colorTo: pink
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: ia-services
3
+ emoji: 🐳
4
+ colorFrom: pink
5
+ colorTo: purple
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,2588 @@
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 Hyper IA - 96,969,696 Services IA</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
+ <style>
10
+ :root {
11
+ --primary: #00f0ff;
12
+ --secondary: #ff00f0;
13
+ --tertiary: #f0ff00;
14
+ }
15
+
16
+ @keyframes float {
17
+ 0%, 100% { transform: translateY(0); }
18
+ 50% { transform: translateY(-20px); }
19
+ }
20
+
21
+ @keyframes pulse {
22
+ 0%, 100% { transform: scale(1); opacity: 1; }
23
+ 50% { transform: scale(1.1); opacity: 0.8; }
24
+ }
25
+
26
+ @keyframes neon {
27
+ 0%, 100% { text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px var(--primary), 0 0 30px var(--primary); }
28
+ 50% { text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 40px var(--primary), 0 0 50px var(--primary); }
29
+ }
30
+
31
+ @keyframes scanline {
32
+ 0% { background-position: 0 -100vh; }
33
+ 100% { background-position: 0 100vh; }
34
+ }
35
+
36
+ @keyframes particleMove {
37
+ 0% { transform: translate(0, 0); opacity: 1; }
38
+ 100% { transform: translate(var(--tx), var(--ty)); opacity: 0; }
39
+ }
40
+
41
+ @keyframes hologram {
42
+ 0%, 100% { opacity: 0.8; }
43
+ 50% { opacity: 1; }
44
+ }
45
+
46
+ .neon-text {
47
+ animation: neon 1.5s ease-in-out infinite alternate;
48
+ }
49
+
50
+ .float-animation {
51
+ animation: float 4s ease-in-out infinite;
52
+ }
53
+
54
+ .pulse-animation {
55
+ animation: pulse 2s ease-in-out infinite;
56
+ }
57
+
58
+ .hologram-effect {
59
+ animation: hologram 3s ease-in-out infinite;
60
+ }
61
+
62
+ .scanlines {
63
+ position: relative;
64
+ overflow: hidden;
65
+ }
66
+
67
+ .scanlines::after {
68
+ content: "";
69
+ position: absolute;
70
+ top: 0;
71
+ left: 0;
72
+ right: 0;
73
+ bottom: 0;
74
+ background: linear-gradient(
75
+ to bottom,
76
+ rgba(255,255,255,0) 0%,
77
+ rgba(255,255,255,0.05) 50%,
78
+ rgba(255,255,255,0) 100%
79
+ );
80
+ background-size: 100% 8px;
81
+ pointer-events: none;
82
+ animation: scanline 6s linear infinite;
83
+ }
84
+
85
+ .holographic-bg {
86
+ background: radial-gradient(circle at center, rgba(0,50,100,0.2) 0%, rgba(0,0,50,0.8) 100%);
87
+ box-shadow: inset 0 0 200px rgba(0,100,255,0.5);
88
+ }
89
+
90
+ .btn-ia {
91
+ transition: all 0.3s ease;
92
+ box-shadow: 0 0 15px rgba(0,200,255,0.7);
93
+ position: relative;
94
+ overflow: hidden;
95
+ cursor: pointer;
96
+ border: 1px solid rgba(0,240,255,0.5);
97
+ background: linear-gradient(135deg, rgba(0,50,100,0.7) 0%, rgba(0,100,150,0.5) 100%);
98
+ }
99
+
100
+ .btn-ia:hover {
101
+ transform: translateY(-5px) scale(1.05);
102
+ box-shadow: 0 0 30px rgba(0,240,255,0.9);
103
+ background: linear-gradient(135deg, rgba(0,100,150,0.7) 0%, rgba(0,150,200,0.5) 100%);
104
+ }
105
+
106
+ .btn-ia::before {
107
+ content: "";
108
+ position: absolute;
109
+ top: -50%;
110
+ left: -50%;
111
+ width: 200%;
112
+ height: 200%;
113
+ background: linear-gradient(
114
+ to bottom right,
115
+ rgba(255,255,255,0) 45%,
116
+ rgba(255,255,255,0.5) 50%,
117
+ rgba(255,255,255,0) 55%
118
+ );
119
+ transform: rotate(30deg);
120
+ transition: all 0.7s ease;
121
+ }
122
+
123
+ .btn-ia:hover::before {
124
+ left: 100%;
125
+ top: 100%;
126
+ }
127
+
128
+ .btn-activated {
129
+ animation: pulse 0.5s infinite;
130
+ border: 2px solid #00ff00 !important;
131
+ box-shadow: 0 0 20px rgba(0,255,0,0.8) !important;
132
+ }
133
+
134
+ .ia-grid {
135
+ display: grid;
136
+ grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
137
+ gap: 15px;
138
+ max-height: 70vh;
139
+ overflow-y: auto;
140
+ padding: 20px;
141
+ scrollbar-width: thin;
142
+ scrollbar-color: var(--primary) transparent;
143
+ }
144
+
145
+ .ia-grid::-webkit-scrollbar {
146
+ width: 8px;
147
+ }
148
+
149
+ .ia-grid::-webkit-scrollbar-track {
150
+ background: transparent;
151
+ }
152
+
153
+ .ia-grid::-webkit-scrollbar-thumb {
154
+ background-color: var(--primary);
155
+ border-radius: 10px;
156
+ }
157
+
158
+ .particle {
159
+ position: absolute;
160
+ background: radial-gradient(circle, var(--primary) 0%, transparent 70%);
161
+ border-radius: 50%;
162
+ pointer-events: none;
163
+ z-index: 5;
164
+ filter: blur(1px);
165
+ }
166
+
167
+ .cyber-terminal {
168
+ background: rgba(0,0,20,0.7);
169
+ border: 1px solid var(--primary);
170
+ border-radius: 5px;
171
+ font-family: 'Courier New', monospace;
172
+ color: var(--primary);
173
+ text-shadow: 0 0 5px var(--primary);
174
+ padding: 15px;
175
+ overflow: hidden;
176
+ position: relative;
177
+ }
178
+
179
+ .cyber-terminal::before {
180
+ content: "";
181
+ position: absolute;
182
+ top: 0;
183
+ left: 0;
184
+ right: 0;
185
+ bottom: 0;
186
+ background: linear-gradient(
187
+ to bottom,
188
+ transparent 0%,
189
+ rgba(0,240,255,0.05) 50%,
190
+ transparent 100%
191
+ );
192
+ pointer-events: none;
193
+ }
194
+
195
+ .terminal-text {
196
+ animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite;
197
+ white-space: nowrap;
198
+ overflow: hidden;
199
+ border-right: 2px solid var(--primary);
200
+ }
201
+
202
+ @keyframes typing {
203
+ from { width: 0 }
204
+ to { width: 100% }
205
+ }
206
+
207
+ @keyframes blink-caret {
208
+ from, to { border-color: transparent }
209
+ 50% { border-color: var(--primary) }
210
+ }
211
+
212
+ .cyber-card {
213
+ background: rgba(0,10,30,0.7);
214
+ border: 1px solid var(--primary);
215
+ border-radius: 10px;
216
+ padding: 15px;
217
+ transition: all 0.3s ease;
218
+ position: relative;
219
+ overflow: hidden;
220
+ }
221
+
222
+ .cyber-card:hover {
223
+ transform: translateY(-5px);
224
+ box-shadow: 0 10px 25px rgba(0,240,255,0.5);
225
+ border-color: var(--secondary);
226
+ }
227
+
228
+ .cyber-card::after {
229
+ content: "";
230
+ position: absolute;
231
+ top: 0;
232
+ left: 0;
233
+ width: 100%;
234
+ height: 100%;
235
+ background: linear-gradient(
236
+ 135deg,
237
+ rgba(0,240,255,0.1) 0%,
238
+ rgba(255,0,240,0.1) 100%
239
+ );
240
+ z-index: 1;
241
+ }
242
+
243
+ .cyber-card-content {
244
+ position: relative;
245
+ z-index: 2;
246
+ }
247
+
248
+ .cyber-input {
249
+ background: rgba(0,20,40,0.7);
250
+ border: 1px solid var(--primary);
251
+ color: white;
252
+ padding: 10px 15px;
253
+ border-radius: 5px;
254
+ font-family: 'Courier New', monospace;
255
+ transition: all 0.3s ease;
256
+ }
257
+
258
+ .cyber-input:focus {
259
+ outline: none;
260
+ border-color: var(--secondary);
261
+ box-shadow: 0 0 10px rgba(255,0,240,0.5);
262
+ }
263
+
264
+ .cyber-btn {
265
+ background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
266
+ color: black;
267
+ font-weight: bold;
268
+ border: none;
269
+ padding: 10px 20px;
270
+ border-radius: 5px;
271
+ cursor: pointer;
272
+ transition: all 0.3s ease;
273
+ position: relative;
274
+ overflow: hidden;
275
+ }
276
+
277
+ .cyber-btn:hover {
278
+ transform: translateY(-3px);
279
+ box-shadow: 0 5px 15px rgba(0,240,255,0.5);
280
+ }
281
+
282
+ .cyber-btn::before {
283
+ content: "";
284
+ position: absolute;
285
+ top: 0;
286
+ left: -100%;
287
+ width: 100%;
288
+ height: 100%;
289
+ background: linear-gradient(
290
+ 90deg,
291
+ transparent,
292
+ rgba(255,255,255,0.4),
293
+ transparent
294
+ );
295
+ transition: all 0.5s ease;
296
+ }
297
+
298
+ .cyber-btn:hover::before {
299
+ left: 100%;
300
+ }
301
+
302
+ .cyber-panel {
303
+ background: rgba(0,10,30,0.8);
304
+ border: 1px solid var(--primary);
305
+ border-radius: 10px;
306
+ box-shadow: 0 0 30px rgba(0,240,255,0.3);
307
+ padding: 20px;
308
+ position: relative;
309
+ overflow: hidden;
310
+ }
311
+
312
+ .cyber-panel::before {
313
+ content: "";
314
+ position: absolute;
315
+ top: 0;
316
+ left: 0;
317
+ width: 100%;
318
+ height: 100%;
319
+ background: linear-gradient(
320
+ 135deg,
321
+ rgba(0,240,255,0.05) 0%,
322
+ rgba(255,0,240,0.05) 100%
323
+ );
324
+ pointer-events: none;
325
+ }
326
+
327
+ .cyber-title {
328
+ font-size: 2rem;
329
+ font-weight: bold;
330
+ background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
331
+ -webkit-background-clip: text;
332
+ background-clip: text;
333
+ color: transparent;
334
+ text-shadow: 0 0 10px rgba(0,240,255,0.5);
335
+ }
336
+
337
+ .cyber-subtitle {
338
+ font-size: 1.2rem;
339
+ color: var(--primary);
340
+ text-shadow: 0 0 5px var(--primary);
341
+ }
342
+
343
+ .cyber-text {
344
+ color: rgba(200,240,255,0.9);
345
+ text-shadow: 0 0 5px rgba(0,240,255,0.3);
346
+ }
347
+
348
+ .cyber-divider {
349
+ height: 1px;
350
+ background: linear-gradient(90deg, transparent, var(--primary), transparent);
351
+ margin: 20px 0;
352
+ }
353
+
354
+ .cyber-badge {
355
+ display: inline-block;
356
+ padding: 3px 8px;
357
+ background: rgba(0,240,255,0.2);
358
+ border: 1px solid var(--primary);
359
+ border-radius: 5px;
360
+ color: var(--primary);
361
+ font-size: 0.8rem;
362
+ font-weight: bold;
363
+ }
364
+
365
+ .cyber-loader {
366
+ width: 50px;
367
+ height: 50px;
368
+ border: 5px solid rgba(0,240,255,0.2);
369
+ border-radius: 50%;
370
+ border-top-color: var(--primary);
371
+ animation: spin 1s linear infinite;
372
+ }
373
+
374
+ @keyframes spin {
375
+ to { transform: rotate(360deg); }
376
+ }
377
+
378
+ .cyber-grid {
379
+ display: grid;
380
+ grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
381
+ gap: 15px;
382
+ }
383
+
384
+ .cyber-grid-item {
385
+ background: rgba(0,20,40,0.7);
386
+ border: 1px solid var(--primary);
387
+ border-radius: 5px;
388
+ padding: 10px;
389
+ text-align: center;
390
+ transition: all 0.3s ease;
391
+ cursor: pointer;
392
+ }
393
+
394
+ .cyber-grid-item:hover {
395
+ transform: scale(1.05);
396
+ box-shadow: 0 0 15px rgba(0,240,255,0.5);
397
+ border-color: var(--secondary);
398
+ }
399
+
400
+ .cyber-modal {
401
+ position: fixed;
402
+ top: 0;
403
+ left: 0;
404
+ right: 0;
405
+ bottom: 0;
406
+ background: rgba(0,0,30,0.9);
407
+ display: flex;
408
+ align-items: center;
409
+ justify-content: center;
410
+ z-index: 1000;
411
+ opacity: 0;
412
+ pointer-events: none;
413
+ transition: opacity 0.3s ease;
414
+ }
415
+
416
+ .cyber-modal.active {
417
+ opacity: 1;
418
+ pointer-events: all;
419
+ }
420
+
421
+ .cyber-modal-content {
422
+ background: rgba(0,10,30,0.95);
423
+ border: 1px solid var(--primary);
424
+ border-radius: 10px;
425
+ width: 90%;
426
+ max-width: 800px;
427
+ max-height: 90vh;
428
+ overflow: auto;
429
+ box-shadow: 0 0 50px rgba(0,240,255,0.5);
430
+ transform: scale(0.9);
431
+ transition: transform 0.3s ease;
432
+ position: relative;
433
+ }
434
+
435
+ .cyber-modal.active .cyber-modal-content {
436
+ transform: scale(1);
437
+ }
438
+
439
+ .cyber-modal-header {
440
+ padding: 15px;
441
+ border-bottom: 1px solid var(--primary);
442
+ display: flex;
443
+ justify-content: space-between;
444
+ align-items: center;
445
+ }
446
+
447
+ .cyber-modal-body {
448
+ padding: 20px;
449
+ }
450
+
451
+ .cyber-modal-footer {
452
+ padding: 15px;
453
+ border-top: 1px solid var(--primary);
454
+ display: flex;
455
+ justify-content: flex-end;
456
+ }
457
+
458
+ .cyber-close {
459
+ background: none;
460
+ border: none;
461
+ color: var(--primary);
462
+ font-size: 1.5rem;
463
+ cursor: pointer;
464
+ }
465
+
466
+ .cyber-tabs {
467
+ display: flex;
468
+ border-bottom: 1px solid var(--primary);
469
+ }
470
+
471
+ .cyber-tab {
472
+ padding: 10px 20px;
473
+ cursor: pointer;
474
+ border-bottom: 3px solid transparent;
475
+ transition: all 0.3s ease;
476
+ }
477
+
478
+ .cyber-tab:hover {
479
+ background: rgba(0,240,255,0.1);
480
+ }
481
+
482
+ .cyber-tab.active {
483
+ border-bottom-color: var(--primary);
484
+ background: rgba(0,240,255,0.2);
485
+ }
486
+
487
+ .cyber-tab-content {
488
+ display: none;
489
+ padding: 20px;
490
+ }
491
+
492
+ .cyber-tab-content.active {
493
+ display: block;
494
+ }
495
+
496
+ .cyber-progress {
497
+ height: 10px;
498
+ background: rgba(0,240,255,0.2);
499
+ border-radius: 5px;
500
+ overflow: hidden;
501
+ }
502
+
503
+ .cyber-progress-bar {
504
+ height: 100%;
505
+ background: linear-gradient(90deg, var(--primary), var(--secondary));
506
+ transition: width 0.3s ease;
507
+ }
508
+
509
+ .cyber-alert {
510
+ padding: 15px;
511
+ border: 1px solid var(--primary);
512
+ border-radius: 5px;
513
+ margin-bottom: 20px;
514
+ background: rgba(0,240,255,0.1);
515
+ }
516
+
517
+ .cyber-alert.success {
518
+ border-color: #00ff00;
519
+ background: rgba(0,255,0,0.1);
520
+ }
521
+
522
+ .cyber-alert.error {
523
+ border-color: #ff0000;
524
+ background: rgba(255,0,0,0.1);
525
+ }
526
+
527
+ .cyber-alert.warning {
528
+ border-color: #ffff00;
529
+ background: rgba(255,255,0,0.1);
530
+ }
531
+
532
+ .cyber-alert.info {
533
+ border-color: var(--primary);
534
+ background: rgba(0,240,255,0.1);
535
+ }
536
+
537
+ .cyber-dropdown {
538
+ position: relative;
539
+ display: inline-block;
540
+ }
541
+
542
+ .cyber-dropdown-content {
543
+ display: none;
544
+ position: absolute;
545
+ background: rgba(0,20,40,0.9);
546
+ min-width: 200px;
547
+ box-shadow: 0 8px 16px rgba(0,0,0,0.5);
548
+ z-index: 1;
549
+ border: 1px solid var(--primary);
550
+ border-radius: 5px;
551
+ }
552
+
553
+ .cyber-dropdown:hover .cyber-dropdown-content {
554
+ display: block;
555
+ }
556
+
557
+ .cyber-dropdown-item {
558
+ padding: 10px 15px;
559
+ cursor: pointer;
560
+ transition: all 0.3s ease;
561
+ }
562
+
563
+ .cyber-dropdown-item:hover {
564
+ background: rgba(0,240,255,0.2);
565
+ }
566
+
567
+ .cyber-tooltip {
568
+ position: relative;
569
+ display: inline-block;
570
+ }
571
+
572
+ .cyber-tooltip .cyber-tooltip-text {
573
+ visibility: hidden;
574
+ width: 200px;
575
+ background: rgba(0,20,40,0.9);
576
+ color: var(--primary);
577
+ text-align: center;
578
+ border-radius: 5px;
579
+ padding: 5px;
580
+ position: absolute;
581
+ z-index: 1;
582
+ bottom: 125%;
583
+ left: 50%;
584
+ transform: translateX(-50%);
585
+ opacity: 0;
586
+ transition: opacity 0.3s ease;
587
+ border: 1px solid var(--primary);
588
+ }
589
+
590
+ .cyber-tooltip:hover .cyber-tooltip-text {
591
+ visibility: visible;
592
+ opacity: 1;
593
+ }
594
+
595
+ .cyber-avatar {
596
+ width: 40px;
597
+ height: 40px;
598
+ border-radius: 50%;
599
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
600
+ display: flex;
601
+ align-items: center;
602
+ justify-content: center;
603
+ color: black;
604
+ font-weight: bold;
605
+ }
606
+
607
+ .cyber-chip {
608
+ display: inline-flex;
609
+ align-items: center;
610
+ background: rgba(0,240,255,0.2);
611
+ border: 1px solid var(--primary);
612
+ border-radius: 20px;
613
+ padding: 5px 10px;
614
+ margin-right: 5px;
615
+ margin-bottom: 5px;
616
+ }
617
+
618
+ .cyber-chip-close {
619
+ margin-left: 5px;
620
+ cursor: pointer;
621
+ }
622
+
623
+ .cyber-pagination {
624
+ display: flex;
625
+ justify-content: center;
626
+ margin-top: 20px;
627
+ }
628
+
629
+ .cyber-page-item {
630
+ margin: 0 5px;
631
+ }
632
+
633
+ .cyber-page-link {
634
+ padding: 5px 10px;
635
+ border: 1px solid var(--primary);
636
+ border-radius: 5px;
637
+ cursor: pointer;
638
+ transition: all 0.3s ease;
639
+ }
640
+
641
+ .cyber-page-link:hover {
642
+ background: rgba(0,240,255,0.2);
643
+ }
644
+
645
+ .cyber-page-link.active {
646
+ background: var(--primary);
647
+ color: black;
648
+ font-weight: bold;
649
+ }
650
+
651
+ .cyber-breadcrumb {
652
+ display: flex;
653
+ align-items: center;
654
+ }
655
+
656
+ .cyber-breadcrumb-item {
657
+ margin-right: 5px;
658
+ }
659
+
660
+ .cyber-breadcrumb-item:after {
661
+ content: ">";
662
+ margin-left: 5px;
663
+ color: var(--primary);
664
+ }
665
+
666
+ .cyber-breadcrumb-item:last-child:after {
667
+ content: "";
668
+ }
669
+
670
+ .cyber-carousel {
671
+ position: relative;
672
+ overflow: hidden;
673
+ }
674
+
675
+ .cyber-carousel-inner {
676
+ display: flex;
677
+ transition: transform 0.5s ease;
678
+ }
679
+
680
+ .cyber-carousel-item {
681
+ min-width: 100%;
682
+ }
683
+
684
+ .cyber-carousel-control {
685
+ position: absolute;
686
+ top: 50%;
687
+ transform: translateY(-50%);
688
+ background: rgba(0,240,255,0.2);
689
+ border: none;
690
+ color: var(--primary);
691
+ padding: 10px;
692
+ cursor: pointer;
693
+ z-index: 10;
694
+ }
695
+
696
+ .cyber-carousel-control.prev {
697
+ left: 10px;
698
+ }
699
+
700
+ .cyber-carousel-control.next {
701
+ right: 10px;
702
+ }
703
+
704
+ .cyber-carousel-indicators {
705
+ position: absolute;
706
+ bottom: 10px;
707
+ left: 50%;
708
+ transform: translateX(-50%);
709
+ display: flex;
710
+ }
711
+
712
+ .cyber-carousel-indicator {
713
+ width: 10px;
714
+ height: 10px;
715
+ border-radius: 50%;
716
+ background: rgba(0,240,255,0.5);
717
+ margin: 0 5px;
718
+ cursor: pointer;
719
+ }
720
+
721
+ .cyber-carousel-indicator.active {
722
+ background: var(--primary);
723
+ }
724
+
725
+ .cyber-collapse {
726
+ margin-bottom: 10px;
727
+ }
728
+
729
+ .cyber-collapse-header {
730
+ padding: 10px;
731
+ background: rgba(0,240,255,0.1);
732
+ border: 1px solid var(--primary);
733
+ border-radius: 5px;
734
+ cursor: pointer;
735
+ display: flex;
736
+ justify-content: space-between;
737
+ align-items: center;
738
+ }
739
+
740
+ .cyber-collapse-content {
741
+ padding: 10px;
742
+ border: 1px solid var(--primary);
743
+ border-top: none;
744
+ border-radius: 0 0 5px 5px;
745
+ display: none;
746
+ }
747
+
748
+ .cyber-collapse-content.active {
749
+ display: block;
750
+ }
751
+
752
+ .cyber-stepper {
753
+ display: flex;
754
+ justify-content: space-between;
755
+ position: relative;
756
+ margin-bottom: 20px;
757
+ }
758
+
759
+ .cyber-stepper:before {
760
+ content: "";
761
+ position: absolute;
762
+ top: 20px;
763
+ left: 0;
764
+ right: 0;
765
+ height: 1px;
766
+ background: var(--primary);
767
+ z-index: 1;
768
+ }
769
+
770
+ .cyber-step {
771
+ display: flex;
772
+ flex-direction: column;
773
+ align-items: center;
774
+ position: relative;
775
+ z-index: 2;
776
+ }
777
+
778
+ .cyber-step-number {
779
+ width: 40px;
780
+ height: 40px;
781
+ border-radius: 50%;
782
+ background: rgba(0,240,255,0.2);
783
+ border: 1px solid var(--primary);
784
+ display: flex;
785
+ align-items: center;
786
+ justify-content: center;
787
+ margin-bottom: 5px;
788
+ }
789
+
790
+ .cyber-step.active .cyber-step-number {
791
+ background: var(--primary);
792
+ color: black;
793
+ font-weight: bold;
794
+ }
795
+
796
+ .cyber-step.completed .cyber-step-number {
797
+ background: var(--primary);
798
+ color: black;
799
+ }
800
+
801
+ .cyber-step-title {
802
+ font-size: 0.8rem;
803
+ color: var(--primary);
804
+ }
805
+
806
+ .cyber-timeline {
807
+ position: relative;
808
+ padding-left: 30px;
809
+ }
810
+
811
+ .cyber-timeline:before {
812
+ content: "";
813
+ position: absolute;
814
+ top: 0;
815
+ bottom: 0;
816
+ left: 10px;
817
+ width: 1px;
818
+ background: var(--primary);
819
+ }
820
+
821
+ .cyber-timeline-item {
822
+ position: relative;
823
+ margin-bottom: 20px;
824
+ }
825
+
826
+ .cyber-timeline-item:before {
827
+ content: "";
828
+ position: absolute;
829
+ left: -30px;
830
+ top: 5px;
831
+ width: 10px;
832
+ height: 10px;
833
+ border-radius: 50%;
834
+ background: var(--primary);
835
+ }
836
+
837
+ .cyber-timeline-date {
838
+ font-size: 0.8rem;
839
+ color: var(--primary);
840
+ margin-bottom: 5px;
841
+ }
842
+
843
+ .cyber-timeline-content {
844
+ background: rgba(0,240,255,0.1);
845
+ border: 1px solid var(--primary);
846
+ border-radius: 5px;
847
+ padding: 10px;
848
+ }
849
+
850
+ .cyber-accordion {
851
+ margin-bottom: 10px;
852
+ }
853
+
854
+ .cyber-accordion-header {
855
+ padding: 10px;
856
+ background: rgba(0,240,255,0.1);
857
+ border: 1px solid var(--primary);
858
+ border-radius: 5px;
859
+ cursor: pointer;
860
+ display: flex;
861
+ justify-content: space-between;
862
+ align-items: center;
863
+ }
864
+
865
+ .cyber-accordion-content {
866
+ padding: 10px;
867
+ border: 1px solid var(--primary);
868
+ border-top: none;
869
+ border-radius: 0 0 5px 5px;
870
+ display: none;
871
+ }
872
+
873
+ .cyber-accordion-content.active {
874
+ display: block;
875
+ }
876
+
877
+ .cyber-tag {
878
+ display: inline-block;
879
+ padding: 3px 8px;
880
+ background: rgba(0,240,255,0.2);
881
+ border: 1px solid var(--primary);
882
+ border-radius: 5px;
883
+ color: var(--primary);
884
+ font-size: 0.8rem;
885
+ margin-right: 5px;
886
+ margin-bottom: 5px;
887
+ }
888
+
889
+ .cyber-tag.closeable {
890
+ padding-right: 25px;
891
+ position: relative;
892
+ }
893
+
894
+ .cyber-tag-close {
895
+ position: absolute;
896
+ right: 5px;
897
+ top: 50%;
898
+ transform: translateY(-50%);
899
+ cursor: pointer;
900
+ }
901
+
902
+ .cyber-badge {
903
+ display: inline-block;
904
+ padding: 3px 8px;
905
+ background: rgba(0,240,255,0.2);
906
+ border: 1px solid var(--primary);
907
+ border-radius: 5px;
908
+ color: var(--primary);
909
+ font-size: 0.8rem;
910
+ font-weight: bold;
911
+ }
912
+
913
+ .cyber-badge.primary {
914
+ background: rgba(0,240,255,0.5);
915
+ color: black;
916
+ }
917
+
918
+ .cyber-badge.secondary {
919
+ background: rgba(255,0,240,0.5);
920
+ color: black;
921
+ }
922
+
923
+ .cyber-badge.tertiary {
924
+ background: rgba(240,255,0,0.5);
925
+ color: black;
926
+ }
927
+
928
+ .cyber-list {
929
+ list-style-type: none;
930
+ padding: 0;
931
+ }
932
+
933
+ .cyber-list-item {
934
+ padding: 10px;
935
+ border-bottom: 1px solid var(--primary);
936
+ display: flex;
937
+ align-items: center;
938
+ }
939
+
940
+ .cyber-list-item:last-child {
941
+ border-bottom: none;
942
+ }
943
+
944
+ .cyber-list-item-icon {
945
+ margin-right: 10px;
946
+ color: var(--primary);
947
+ }
948
+
949
+ .cyber-list-item-content {
950
+ flex: 1;
951
+ }
952
+
953
+ .cyber-list-item-action {
954
+ margin-left: 10px;
955
+ }
956
+
957
+ .cyber-table {
958
+ width: 100%;
959
+ border-collapse: collapse;
960
+ }
961
+
962
+ .cyber-table th {
963
+ background: rgba(0,240,255,0.2);
964
+ border: 1px solid var(--primary);
965
+ padding: 10px;
966
+ text-align: left;
967
+ }
968
+
969
+ .cyber-table td {
970
+ border: 1px solid var(--primary);
971
+ padding: 10px;
972
+ }
973
+
974
+ .cyber-table tr:nth-child(even) {
975
+ background: rgba(0,240,255,0.1);
976
+ }
977
+
978
+ .cyber-table tr:hover {
979
+ background: rgba(0,240,255,0.3);
980
+ }
981
+
982
+ .cyber-form-group {
983
+ margin-bottom: 15px;
984
+ }
985
+
986
+ .cyber-form-label {
987
+ display: block;
988
+ margin-bottom: 5px;
989
+ color: var(--primary);
990
+ }
991
+
992
+ .cyber-form-control {
993
+ width: 100%;
994
+ padding: 10px;
995
+ background: rgba(0,20,40,0.7);
996
+ border: 1px solid var(--primary);
997
+ border-radius: 5px;
998
+ color: white;
999
+ transition: all 0.3s ease;
1000
+ }
1001
+
1002
+ .cyber-form-control:focus {
1003
+ outline: none;
1004
+ border-color: var(--secondary);
1005
+ box-shadow: 0 0 10px rgba(255,0,240,0.5);
1006
+ }
1007
+
1008
+ .cyber-form-text {
1009
+ font-size: 0.8rem;
1010
+ color: rgba(200,240,255,0.7);
1011
+ }
1012
+
1013
+ .cyber-form-check {
1014
+ display: flex;
1015
+ align-items: center;
1016
+ margin-bottom: 10px;
1017
+ }
1018
+
1019
+ .cyber-form-check-input {
1020
+ margin-right: 10px;
1021
+ }
1022
+
1023
+ .cyber-form-check-label {
1024
+ color: rgba(200,240,255,0.9);
1025
+ }
1026
+
1027
+ .cyber-form-radio {
1028
+ display: flex;
1029
+ align-items: center;
1030
+ margin-bottom: 10px;
1031
+ }
1032
+
1033
+ .cyber-form-radio-input {
1034
+ margin-right: 10px;
1035
+ }
1036
+
1037
+ .cyber-form-radio-label {
1038
+ color: rgba(200,240,255,0.9);
1039
+ }
1040
+
1041
+ .cyber-form-select {
1042
+ width: 100%;
1043
+ padding: 10px;
1044
+ background: rgba(0,20,40,0.7);
1045
+ border: 1px solid var(--primary);
1046
+ border-radius: 5px;
1047
+ color: white;
1048
+ transition: all 0.3s ease;
1049
+ }
1050
+
1051
+ .cyber-form-select:focus {
1052
+ outline: none;
1053
+ border-color: var(--secondary);
1054
+ box-shadow: 0 0 10px rgba(255,0,240,0.5);
1055
+ }
1056
+
1057
+ .cyber-form-file {
1058
+ width: 100%;
1059
+ padding: 10px;
1060
+ background: rgba(0,20,40,0.7);
1061
+ border: 1px solid var(--primary);
1062
+ border-radius: 5px;
1063
+ color: white;
1064
+ transition: all 0.3s ease;
1065
+ }
1066
+
1067
+ .cyber-form-file:focus {
1068
+ outline: none;
1069
+ border-color: var(--secondary);
1070
+ box-shadow: 0 0 10px rgba(255,0,240,0.5);
1071
+ }
1072
+
1073
+ .cyber-form-range {
1074
+ width: 100%;
1075
+ height: 10px;
1076
+ background: rgba(0,240,255,0.2);
1077
+ border-radius: 5px;
1078
+ outline: none;
1079
+ -webkit-appearance: none;
1080
+ }
1081
+
1082
+ .cyber-form-range::-webkit-slider-thumb {
1083
+ -webkit-appearance: none;
1084
+ width: 20px;
1085
+ height: 20px;
1086
+ border-radius: 50%;
1087
+ background: var(--primary);
1088
+ cursor: pointer;
1089
+ }
1090
+
1091
+ .cyber-form-range::-moz-range-thumb {
1092
+ width: 20px;
1093
+ height: 20px;
1094
+ border-radius: 50%;
1095
+ background: var(--primary);
1096
+ cursor: pointer;
1097
+ }
1098
+
1099
+ .cyber-form-range::-ms-thumb {
1100
+ width: 20px;
1101
+ height: 20px;
1102
+ border-radius: 50%;
1103
+ background: var(--primary);
1104
+ cursor: pointer;
1105
+ }
1106
+
1107
+ .cyber-form-switch {
1108
+ position: relative;
1109
+ display: inline-block;
1110
+ width: 60px;
1111
+ height: 30px;
1112
+ }
1113
+
1114
+ .cyber-form-switch input {
1115
+ opacity: 0;
1116
+ width: 0;
1117
+ height: 0;
1118
+ }
1119
+
1120
+ .cyber-slider {
1121
+ position: absolute;
1122
+ cursor: pointer;
1123
+ top: 0;
1124
+ left: 0;
1125
+ right: 0;
1126
+ bottom: 0;
1127
+ background: rgba(0,240,255,0.2);
1128
+ transition: .4s;
1129
+ border-radius: 30px;
1130
+ border: 1px solid var(--primary);
1131
+ }
1132
+
1133
+ .cyber-slider:before {
1134
+ position: absolute;
1135
+ content: "";
1136
+ height: 22px;
1137
+ width: 22px;
1138
+ left: 4px;
1139
+ bottom: 3px;
1140
+ background: var(--primary);
1141
+ transition: .4s;
1142
+ border-radius: 50%;
1143
+ }
1144
+
1145
+ input:checked + .cyber-slider {
1146
+ background: rgba(0,240,255,0.5);
1147
+ }
1148
+
1149
+ input:checked + .cyber-slider:before {
1150
+ transform: translateX(28px);
1151
+ }
1152
+
1153
+ .cyber-nav {
1154
+ display: flex;
1155
+ flex-wrap: wrap;
1156
+ padding-left: 0;
1157
+ margin-bottom: 0;
1158
+ list-style: none;
1159
+ }
1160
+
1161
+ .cyber-nav-item {
1162
+ margin-right: 10px;
1163
+ }
1164
+
1165
+ .cyber-nav-link {
1166
+ display: block;
1167
+ padding: 10px 15px;
1168
+ color: var(--primary);
1169
+ text-decoration: none;
1170
+ transition: all 0.3s ease;
1171
+ border-bottom: 2px solid transparent;
1172
+ }
1173
+
1174
+ .cyber-nav-link:hover {
1175
+ border-bottom-color: var(--primary);
1176
+ }
1177
+
1178
+ .cyber-nav-link.active {
1179
+ border-bottom-color: var(--primary);
1180
+ background: rgba(0,240,255,0.1);
1181
+ }
1182
+
1183
+ .cyber-navbar {
1184
+ display: flex;
1185
+ flex-wrap: wrap;
1186
+ align-items: center;
1187
+ justify-content: space-between;
1188
+ padding: 10px;
1189
+ background: rgba(0,10,30,0.8);
1190
+ border-bottom: 1px solid var(--primary);
1191
+ }
1192
+
1193
+ .cyber-navbar-brand {
1194
+ display: inline-block;
1195
+ padding-top: 5px;
1196
+ padding-bottom: 5px;
1197
+ margin-right: 20px;
1198
+ font-size: 1.25rem;
1199
+ line-height: inherit;
1200
+ white-space: nowrap;
1201
+ color: var(--primary);
1202
+ text-decoration: none;
1203
+ }
1204
+
1205
+ .cyber-navbar-toggler {
1206
+ padding: 5px 10px;
1207
+ font-size: 1.25rem;
1208
+ line-height: 1;
1209
+ background: transparent;
1210
+ border: 1px solid var(--primary);
1211
+ border-radius: 5px;
1212
+ color: var(--primary);
1213
+ cursor: pointer;
1214
+ }
1215
+
1216
+ .cyber-navbar-collapse {
1217
+ flex-basis: 100%;
1218
+ flex-grow: 1;
1219
+ align-items: center;
1220
+ }
1221
+
1222
+ .cyber-navbar-nav {
1223
+ display: flex;
1224
+ flex-direction: column;
1225
+ padding-left: 0;
1226
+ margin-bottom: 0;
1227
+ list-style: none;
1228
+ }
1229
+
1230
+ .cyber-navbar-nav .cyber-nav-link {
1231
+ padding-right: 0;
1232
+ padding-left: 0;
1233
+ }
1234
+
1235
+ .cyber-navbar-text {
1236
+ display: inline-block;
1237
+ padding-top: 10px;
1238
+ padding-bottom: 10px;
1239
+ color: var(--primary);
1240
+ }
1241
+
1242
+ .cyber-navbar-search {
1243
+ position: relative;
1244
+ display: flex;
1245
+ align-items: center;
1246
+ }
1247
+
1248
+ .cyber-navbar-search-input {
1249
+ padding: 10px 15px;
1250
+ background: rgba(0,20,40,0.7);
1251
+ border: 1px solid var(--primary);
1252
+ border-radius: 5px;
1253
+ color: white;
1254
+ transition: all 0.3s ease;
1255
+ width: 100%;
1256
+ }
1257
+
1258
+ .cyber-navbar-search-input:focus {
1259
+ outline: none;
1260
+ border-color: var(--secondary);
1261
+ box-shadow: 0 0 10px rgba(255,0,240,0.5);
1262
+ }
1263
+
1264
+ .cyber-navbar-search-btn {
1265
+ position: absolute;
1266
+ right: 10px;
1267
+ background: transparent;
1268
+ border: none;
1269
+ color: var(--primary);
1270
+ cursor: pointer;
1271
+ }
1272
+
1273
+ .cyber-footer {
1274
+ padding: 20px;
1275
+ background: rgba(0,10,30,0.8);
1276
+ border-top: 1px solid var(--primary);
1277
+ text-align: center;
1278
+ }
1279
+
1280
+ .cyber-footer-links {
1281
+ display: flex;
1282
+ justify-content: center;
1283
+ flex-wrap: wrap;
1284
+ margin-bottom: 20px;
1285
+ }
1286
+
1287
+ .cyber-footer-link {
1288
+ margin: 0 10px;
1289
+ color: var(--primary);
1290
+ text-decoration: none;
1291
+ }
1292
+
1293
+ .cyber-footer-link:hover {
1294
+ text-decoration: underline;
1295
+ }
1296
+
1297
+ .cyber-footer-text {
1298
+ color: rgba(200,240,255,0.7);
1299
+ font-size: 0.8rem;
1300
+ }
1301
+
1302
+ .cyber-card-deck {
1303
+ display: flex;
1304
+ flex-direction: column;
1305
+ }
1306
+
1307
+ .cyber-card-deck .cyber-card {
1308
+ margin-bottom: 15px;
1309
+ }
1310
+
1311
+ @media (min-width: 768px) {
1312
+ .cyber-card-deck {
1313
+ flex-flow: row wrap;
1314
+ margin-right: -15px;
1315
+ margin-left: -15px;
1316
+ }
1317
+
1318
+ .cyber-card-deck .cyber-card {
1319
+ display: flex;
1320
+ flex: 1 0 0%;
1321
+ flex-direction: column;
1322
+ margin-right: 15px;
1323
+ margin-bottom: 0;
1324
+ margin-left: 15px;
1325
+ }
1326
+ }
1327
+
1328
+ .cyber-card-group {
1329
+ display: flex;
1330
+ flex-direction: column;
1331
+ }
1332
+
1333
+ .cyber-card-group .cyber-card {
1334
+ margin-bottom: 15px;
1335
+ }
1336
+
1337
+ @media (min-width: 768px) {
1338
+ .cyber-card-group {
1339
+ flex-flow: row wrap;
1340
+ }
1341
+
1342
+ .cyber-card-group .cyber-card {
1343
+ flex: 1 0 0%;
1344
+ margin-bottom: 0;
1345
+ }
1346
+
1347
+ .cyber-card-group .cyber-card + .cyber-card {
1348
+ margin-left: 0;
1349
+ border-left: 0;
1350
+ }
1351
+
1352
+ .cyber-card-group .cyber-card:first-child {
1353
+ border-top-right-radius: 0;
1354
+ border-bottom-right-radius: 0;
1355
+ }
1356
+
1357
+ .cyber-card-group .cyber-card:last-child {
1358
+ border-top-left-radius: 0;
1359
+ border-bottom-left-radius: 0;
1360
+ }
1361
+
1362
+ .cyber-card-group .cyber-card:not(:first-child):not(:last-child) {
1363
+ border-radius: 0;
1364
+ }
1365
+ }
1366
+
1367
+ .cyber-jumbotron {
1368
+ padding: 2rem 1rem;
1369
+ margin-bottom: 2rem;
1370
+ background: rgba(0,240,255,0.1);
1371
+ border: 1px solid var(--primary);
1372
+ border-radius: 5px;
1373
+ }
1374
+
1375
+ @media (min-width: 768px) {
1376
+ .cyber-jumbotron {
1377
+ padding: 4rem 2rem;
1378
+ }
1379
+ }
1380
+
1381
+ .cyber-toast {
1382
+ position: fixed;
1383
+ top: 20px;
1384
+ right: 20px;
1385
+ z-index: 1100;
1386
+ max-width: 350px;
1387
+ padding: 15px;
1388
+ background: rgba(0,20,40,0.9);
1389
+ border: 1px solid var(--primary);
1390
+ border-radius: 5px;
1391
+ box-shadow: 0 0 20px rgba(0,240,255,0.5);
1392
+ display: flex;
1393
+ align-items: center;
1394
+ transform: translateX(150%);
1395
+ transition: transform 0.3s ease;
1396
+ }
1397
+
1398
+ .cyber-toast.show {
1399
+ transform: translateX(0);
1400
+ }
1401
+
1402
+ .cyber-toast-body {
1403
+ flex: 1;
1404
+ }
1405
+
1406
+ .cyber-toast-close {
1407
+ margin-left: 10px;
1408
+ background: transparent;
1409
+ border: none;
1410
+ color: var(--primary);
1411
+ cursor: pointer;
1412
+ }
1413
+
1414
+ .cyber-spinner {
1415
+ width: 40px;
1416
+ height: 40px;
1417
+ border: 4px solid rgba(0,240,255,0.2);
1418
+ border-radius: 50%;
1419
+ border-top-color: var(--primary);
1420
+ animation: spin 1s linear infinite;
1421
+ }
1422
+
1423
+ .cyber-spinner.sm {
1424
+ width: 20px;
1425
+ height: 20px;
1426
+ border-width: 2px;
1427
+ }
1428
+
1429
+ .cyber-spinner.lg {
1430
+ width: 60px;
1431
+ height: 60px;
1432
+ border-width: 6px;
1433
+ }
1434
+
1435
+ .cyber-placeholder {
1436
+ background: rgba(0,240,255,0.1);
1437
+ border: 1px dashed var(--primary);
1438
+ border-radius: 5px;
1439
+ padding: 20px;
1440
+ text-align: center;
1441
+ color: var(--primary);
1442
+ }
1443
+
1444
+ .cyber-placeholder-btn {
1445
+ display: inline-block;
1446
+ width: 100px;
1447
+ height: 40px;
1448
+ background: rgba(0,240,255,0.1);
1449
+ border: 1px dashed var(--primary);
1450
+ border-radius: 5px;
1451
+ }
1452
+
1453
+ .cyber-popover {
1454
+ position: absolute;
1455
+ top: 0;
1456
+ left: 0;
1457
+ z-index: 1060;
1458
+ max-width: 276px;
1459
+ background: rgba(0,20,40,0.9);
1460
+ border: 1px solid var(--primary);
1461
+ border-radius: 5px;
1462
+ box-shadow: 0 0 20px rgba(0,240,255,0.5);
1463
+ padding: 10px;
1464
+ display: none;
1465
+ }
1466
+
1467
+ .cyber-popover.show {
1468
+ display: block;
1469
+ }
1470
+
1471
+ .cyber-popover-header {
1472
+ padding: 8px 12px;
1473
+ margin-bottom: 0;
1474
+ font-size: 1rem;
1475
+ background: rgba(0,240,255,0.1);
1476
+ border-bottom: 1px solid var(--primary);
1477
+ }
1478
+
1479
+ .cyber-popover-body {
1480
+ padding: 8px 12px;
1481
+ color: rgba(200,240,255,0.9);
1482
+ }
1483
+
1484
+ .cyber-popover-arrow {
1485
+ position: absolute;
1486
+ display: block;
1487
+ width: 16px;
1488
+ height: 8px;
1489
+ }
1490
+
1491
+ .cyber-popover-arrow::before {
1492
+ position: absolute;
1493
+ content: "";
1494
+ border-color: transparent;
1495
+ border-style: solid;
1496
+ }
1497
+
1498
+ .cyber-popover-arrow::after {
1499
+ position: absolute;
1500
+ content: "";
1501
+ border-color: transparent;
1502
+ border-style: solid;
1503
+ }
1504
+
1505
+ .cyber-tooltip {
1506
+ position: absolute;
1507
+ z-index: 1070;
1508
+ display: block;
1509
+ margin: 0;
1510
+ font-style: normal;
1511
+ font-weight: 400;
1512
+ line-height: 1.5;
1513
+ text-align: left;
1514
+ text-align: start;
1515
+ text-decoration: none;
1516
+ text-shadow: none;
1517
+ text-transform: none;
1518
+ letter-spacing: normal;
1519
+ word-break: normal;
1520
+ word-spacing: normal;
1521
+ white-space: normal;
1522
+ line-break: auto;
1523
+ font-size: 0.875rem;
1524
+ word-wrap: break-word;
1525
+ opacity: 0;
1526
+ }
1527
+
1528
+ .cyber-tooltip.show {
1529
+ opacity: 1;
1530
+ }
1531
+
1532
+ .cyber-tooltip-arrow {
1533
+ position: absolute;
1534
+ display: block;
1535
+ width: 8px;
1536
+ height: 8px;
1537
+ }
1538
+
1539
+ .cyber-tooltip-arrow::before {
1540
+ position: absolute;
1541
+ content: "";
1542
+ border-color: transparent;
1543
+ border-style: solid;
1544
+ }
1545
+
1546
+ .cyber-tooltip-inner {
1547
+ max-width: 200px;
1548
+ padding: 4px 8px;
1549
+ color: rgba(200,240,255,0.9);
1550
+ text-align: center;
1551
+ background-color: rgba(0,20,40,0.9);
1552
+ border: 1px solid var(--primary);
1553
+ border-radius: 5px;
1554
+ }
1555
+
1556
+ .cyber-modal-backdrop {
1557
+ position: fixed;
1558
+ top: 0;
1559
+ left: 0;
1560
+ z-index: 1040;
1561
+ width: 100vw;
1562
+ height: 100vh;
1563
+ background-color: rgba(0,0,30,0.5);
1564
+ }
1565
+
1566
+ .cyber-modal-backdrop.fade {
1567
+ opacity: 0;
1568
+ }
1569
+
1570
+ .cyber-modal-backdrop.show {
1571
+ opacity: 1;
1572
+ }
1573
+
1574
+ .cyber-modal-dialog {
1575
+ position: relative;
1576
+ width: auto;
1577
+ margin: 10px;
1578
+ pointer-events: none;
1579
+ }
1580
+
1581
+ .cyber-modal.fade .cyber-modal-dialog {
1582
+ transition: transform 0.3s ease-out;
1583
+ transform: translate(0, -50px);
1584
+ }
1585
+
1586
+ .cyber-modal.show .cyber-modal-dialog {
1587
+ transform: none;
1588
+ }
1589
+
1590
+ .cyber-modal-dialog-centered {
1591
+ display: flex;
1592
+ align-items: center;
1593
+ min-height: calc(100% - 20px);
1594
+ }
1595
+
1596
+ .cyber-modal-content {
1597
+ position: relative;
1598
+ display: flex;
1599
+ flex-direction: column;
1600
+ width: 100%;
1601
+ pointer-events: auto;
1602
+ background-color: rgba(0,10,30,0.9);
1603
+ background-clip: padding-box;
1604
+ border: 1px solid var(--primary);
1605
+ border-radius: 5px;
1606
+ outline: 0;
1607
+ }
1608
+
1609
+ .cyber-modal-header {
1610
+ display: flex;
1611
+ align-items: flex-start;
1612
+ justify-content: space-between;
1613
+ padding: 15px;
1614
+ border-bottom: 1px solid var(--primary);
1615
+ }
1616
+
1617
+ .cyber-modal-title {
1618
+ margin-bottom: 0;
1619
+ line-height: 1.5;
1620
+ }
1621
+
1622
+ .cyber-modal-body {
1623
+ position: relative;
1624
+ flex: 1 1 auto;
1625
+ padding: 15px;
1626
+ }
1627
+
1628
+ .cyber-modal-footer {
1629
+ display: flex;
1630
+ align-items: center;
1631
+ justify-content: flex-end;
1632
+ padding: 15px;
1633
+ border-top: 1px solid var(--primary);
1634
+ }
1635
+
1636
+ .cyber-modal-footer > :not(:first-child) {
1637
+ margin-left: 10px;
1638
+ }
1639
+
1640
+ .cyber-modal-footer > :not(:last-child) {
1641
+ margin-right: 10px;
1642
+ }
1643
+
1644
+ .cyber-modal-scrollbar-measure {
1645
+ position: absolute;
1646
+ top: -9999px;
1647
+ width: 50px;
1648
+ height: 50px;
1649
+ overflow: scroll;
1650
+ }
1651
+
1652
+ @media (min-width: 576px) {
1653
+ .cyber-modal-dialog {
1654
+ max-width: 500px;
1655
+ margin: 30px auto;
1656
+ }
1657
+
1658
+ .cyber-modal-dialog-centered {
1659
+ min-height: calc(100% - 60px);
1660
+ }
1661
+
1662
+ .cyber-modal-sm {
1663
+ max-width: 300px;
1664
+ }
1665
+ }
1666
+
1667
+ @media (min-width: 992px) {
1668
+ .cyber-modal-lg {
1669
+ max-width: 800px;
1670
+ }
1671
+
1672
+ .cyber-modal-xl {
1673
+ max-width: 1140px;
1674
+ }
1675
+ }
1676
+
1677
+ .cyber-offcanvas {
1678
+ position: fixed;
1679
+ bottom: 0;
1680
+ z-index: 1050;
1681
+ display: flex;
1682
+ flex-direction: column;
1683
+ max-width: 100%;
1684
+ visibility: hidden;
1685
+ background-color: rgba(0,10,30,0.9);
1686
+ background-clip: padding-box;
1687
+ outline: 0;
1688
+ transition: transform 0.3s ease-in-out;
1689
+ }
1690
+
1691
+ .cyber-offcanvas-header {
1692
+ display: flex;
1693
+ align-items: center;
1694
+ justify-content: space-between;
1695
+ padding: 15px;
1696
+ border-bottom: 1px solid var(--primary);
1697
+ }
1698
+
1699
+ .cyber-offcanvas-body {
1700
+ flex-grow: 1;
1701
+ padding: 15px;
1702
+ overflow-y: auto;
1703
+ }
1704
+
1705
+ .cyber-offcanvas-start {
1706
+ top: 0;
1707
+ left: 0;
1708
+ width: 400px;
1709
+ border-right: 1px solid var(--primary);
1710
+ transform: translateX(-100%);
1711
+ }
1712
+
1713
+ .cyber-offcanvas-end {
1714
+ top: 0;
1715
+ right: 0;
1716
+ width: 400px;
1717
+ border-left: 1px solid var(--primary);
1718
+ transform: translateX(100%);
1719
+ }
1720
+
1721
+ .cyber-offcanvas-top {
1722
+ top: 0;
1723
+ right: 0;
1724
+ left: 0;
1725
+ height: 400px;
1726
+ max-height: 100%;
1727
+ border-bottom: 1px solid var(--primary);
1728
+ transform: translateY(-100%);
1729
+ }
1730
+
1731
+ .cyber-offcanvas-bottom {
1732
+ right: 0;
1733
+ left: 0;
1734
+ height: 400px;
1735
+ max-height: 100%;
1736
+ border-top: 1px solid var(--primary);
1737
+ transform: translateY(100%);
1738
+ }
1739
+
1740
+ .cyber-offcanvas.show {
1741
+ transform: none;
1742
+ }
1743
+
1744
+ .cyber-offcanvas-backdrop {
1745
+ position: fixed;
1746
+ top: 0;
1747
+ left: 0;
1748
+ z-index: 1040;
1749
+ width: 100vw;
1750
+ height: 100vh;
1751
+ background-color: rgba(0,0,30,0.5);
1752
+ }
1753
+
1754
+ .cyber-offcanvas-backdrop.fade {
1755
+ opacity: 0;
1756
+ }
1757
+
1758
+ .cyber-offcanvas-backdrop.show {
1759
+ opacity: 1;
1760
+ }
1761
+
1762
+ .cyber-carousel {
1763
+ position: relative;
1764
+ }
1765
+
1766
+ .cyber-carousel-inner {
1767
+ position: relative;
1768
+ width: 100%;
1769
+ overflow: hidden;
1770
+ }
1771
+
1772
+ .cyber-carousel-item {
1773
+ position: relative;
1774
+ display: none;
1775
+ float: left;
1776
+ width: 100%;
1777
+ margin-right: -100%;
1778
+ backface-visibility: hidden;
1779
+ transition: transform 0.6s ease-in-out;
1780
+ }
1781
+
1782
+ .cyber-carousel-item.active {
1783
+ display: block;
1784
+ }
1785
+
1786
+ .cyber-carousel-control-prev,
1787
+ .cyber-carousel-control-next {
1788
+ position: absolute;
1789
+ top: 0;
1790
+ bottom: 0;
1791
+ z-index: 1;
1792
+ display: flex;
1793
+ align-items: center;
1794
+ justify-content: center;
1795
+ width: 15%;
1796
+ padding: 0;
1797
+ color: var(--primary);
1798
+ text-align: center;
1799
+ background: none;
1800
+ border: 0;
1801
+ opacity: 0.5;
1802
+ transition: opacity 0.15s ease;
1803
+ }
1804
+
1805
+ .cyber-carousel-control-prev:hover,
1806
+ .cyber-carousel-control-next:hover {
1807
+ color: var(--primary);
1808
+ text-decoration: none;
1809
+ outline: 0;
1810
+ opacity: 0.9;
1811
+ }
1812
+
1813
+ .cyber-carousel-control-prev {
1814
+ left: 0;
1815
+ }
1816
+
1817
+ .cyber-carousel-control-next {
1818
+ right: 0;
1819
+ }
1820
+
1821
+ .cyber-carousel-indicators {
1822
+ position: absolute;
1823
+ right: 0;
1824
+ bottom: 0;
1825
+ left: 0;
1826
+ z-index: 2;
1827
+ display: flex;
1828
+ justify-content: center;
1829
+ padding: 0;
1830
+ margin-right: 15%;
1831
+ margin-left: 15%;
1832
+ list-style: none;
1833
+ }
1834
+
1835
+ .cyber-carousel-indicators li {
1836
+ box-sizing: content-box;
1837
+ flex: 0 1 auto;
1838
+ width: 30px;
1839
+ height: 3px;
1840
+ margin-right: 3px;
1841
+ margin-left: 3px;
1842
+ text-indent: -999px;
1843
+ cursor: pointer;
1844
+ background-color: var(--primary);
1845
+ background-clip: padding-box;
1846
+ border-top: 10px solid transparent;
1847
+ border-bottom: 10px solid transparent;
1848
+ opacity: 0.5;
1849
+ transition: opacity 0.6s ease;
1850
+ }
1851
+
1852
+ .cyber-carousel-indicators .active {
1853
+ opacity: 1;
1854
+ }
1855
+
1856
+ .cyber-carousel-caption {
1857
+ position: absolute;
1858
+ right: 15%;
1859
+ bottom: 20px;
1860
+ left: 15%;
1861
+ z-index: 10;
1862
+ padding-top: 20px;
1863
+ padding-bottom: 20px;
1864
+ color: var(--primary);
1865
+ text-align: center;
1866
+ }
1867
+
1868
+ .cyber-embed-responsive {
1869
+ position: relative;
1870
+ display: block;
1871
+ width: 100%;
1872
+ padding: 0;
1873
+ overflow: hidden;
1874
+ }
1875
+
1876
+ .cyber-embed-responsive::before {
1877
+ display: block;
1878
+ content: "";
1879
+ }
1880
+
1881
+ .cyber-embed-responsive .cyber-embed-responsive-item,
1882
+ .cyber-embed-responsive iframe,
1883
+ .cyber-embed-responsive embed,
1884
+ .cyber-embed-responsive object,
1885
+ .cyber-embed-responsive video {
1886
+ position: absolute;
1887
+ top: 0;
1888
+ bottom: 0;
1889
+ left: 0;
1890
+ width: 100%;
1891
+ height: 100%;
1892
+ border: 0;
1893
+ }
1894
+
1895
+ .cyber-embed-responsive-21by9::before {
1896
+ padding-top: 42.8571428571%;
1897
+ }
1898
+
1899
+ .cyber-embed-responsive-16by9::before {
1900
+ padding-top: 56.25%;
1901
+ }
1902
+
1903
+ .cyber-embed-responsive-4by3::before {
1904
+ padding-top: 75%;
1905
+ }
1906
+
1907
+ .cyber-embed-responsive-1by1::before {
1908
+ padding-top: 100%;
1909
+ }
1910
+
1911
+ .cyber-figure {
1912
+ display: inline-block;
1913
+ }
1914
+
1915
+ .cyber-figure-img {
1916
+ margin-bottom: 10px;
1917
+ line-height: 1;
1918
+ }
1919
+
1920
+ .cyber-figure-caption {
1921
+ font-size: 0.875rem;
1922
+ color: rgba(200,240,255,0.7);
1923
+ }
1924
+
1925
+ .cyber-img-thumbnail {
1926
+ padding: 4px;
1927
+ background-color: rgba(0,20,40,0.7);
1928
+ border: 1px solid var(--primary);
1929
+ border-radius: 5px;
1930
+ max-width: 100%;
1931
+ height: auto;
1932
+ }
1933
+
1934
+ .cyber-img-fluid {
1935
+ max-width: 100%;
1936
+ height: auto;
1937
+ }
1938
+
1939
+ .cyber-img-rounded {
1940
+ border-radius: 5px;
1941
+ }
1942
+
1943
+ .cyber-img-circle {
1944
+ border-radius: 50%;
1945
+ }
1946
+
1947
+ .cyber-ratio {
1948
+ position: relative;
1949
+ width: 100%;
1950
+ }
1951
+
1952
+ .cyber-ratio::before {
1953
+ display: block;
1954
+ padding-top: 100%;
1955
+ content: "";
1956
+ }
1957
+
1958
+ .cyber-ratio > * {
1959
+ position: absolute;
1960
+ top: 0;
1961
+ left: 0;
1962
+ width: 100%;
1963
+ height: 100%;
1964
+ }
1965
+
1966
+ .cyber-ratio-1x1 {
1967
+ aspect-ratio: 1/1;
1968
+ }
1969
+
1970
+ .cyber-ratio-4x3 {
1971
+ aspect-ratio: 4/3;
1972
+ }
1973
+
1974
+ .cyber-ratio-16x9 {
1975
+ aspect-ratio: 16/9;
1976
+ }
1977
+
1978
+ .cyber-ratio-21x9 {
1979
+ aspect-ratio: 21/9;
1980
+ }
1981
+
1982
+ .cyber-fixed-top {
1983
+ position: fixed;
1984
+ top: 0;
1985
+ right: 0;
1986
+ left: 0;
1987
+ z-index: 1030;
1988
+ }
1989
+
1990
+ .cyber-fixed-bottom {
1991
+ position: fixed;
1992
+ right: 0;
1993
+ bottom: 0;
1994
+ left: 0;
1995
+ z-index: 1030;
1996
+ }
1997
+
1998
+ .cyber-sticky-top {
1999
+ position: sticky;
2000
+ top: 0;
2001
+ z-index: 1020;
2002
+ }
2003
+
2004
+ .cyber-visible {
2005
+ visibility: visible !important;
2006
+ }
2007
+
2008
+ .cyber-invisible {
2009
+ visibility: hidden !important;
2010
+ }
2011
+
2012
+ .cyber-overflow-auto {
2013
+ overflow: auto !important;
2014
+ }
2015
+
2016
+ .cyber-overflow-hidden {
2017
+ overflow: hidden !important;
2018
+ }
2019
+
2020
+ .cyber-position-static {
2021
+ position: static !important;
2022
+ }
2023
+
2024
+ .cyber-position-relative {
2025
+ position: relative !important;
2026
+ }
2027
+
2028
+ .cyber-position-absolute {
2029
+ position: absolute !important;
2030
+ }
2031
+
2032
+ .cyber-position-fixed {
2033
+ position: fixed !important;
2034
+ }
2035
+
2036
+ .cyber-position-sticky {
2037
+ position: sticky !important;
2038
+ }
2039
+
2040
+ .cyber-d-block {
2041
+ display: block !important;
2042
+ }
2043
+
2044
+ .cyber-d-inline {
2045
+ display: inline !important;
2046
+ }
2047
+
2048
+ .cyber-d-inline-block {
2049
+ display: inline-block !important;
2050
+ }
2051
+
2052
+ .cyber-d-flex {
2053
+ display: flex !important;
2054
+ }
2055
+
2056
+ .cyber-d-inline-flex {
2057
+ display: inline-flex !important;
2058
+ }
2059
+
2060
+ .cyber-d-none {
2061
+ display: none !important;
2062
+ }
2063
+
2064
+ .cyber-flex-row {
2065
+ flex-direction: row !important;
2066
+ }
2067
+
2068
+ .cyber-flex-column {
2069
+ flex-direction: column !important;
2070
+ }
2071
+
2072
+ .cyber-flex-row-reverse {
2073
+ flex-direction: row-reverse !important;
2074
+ }
2075
+
2076
+ .cyber-flex-column-reverse {
2077
+ flex-direction: column-reverse !important;
2078
+ }
2079
+
2080
+ .cyber-flex-grow-0 {
2081
+ flex-grow: 0 !important;
2082
+ }
2083
+
2084
+ .cyber-flex-grow-1 {
2085
+ flex-grow: 1 !important;
2086
+ }
2087
+
2088
+ .cyber-flex-shrink-0 {
2089
+ flex-shrink: 0 !important;
2090
+ }
2091
+
2092
+ .cyber-flex-shrink-1 {
2093
+ flex-shrink: 1 !important;
2094
+ }
2095
+
2096
+ .cyber-flex-wrap {
2097
+ flex-wrap: wrap !important;
2098
+ }
2099
+
2100
+ .cyber-flex-nowrap {
2101
+ flex-wrap: nowrap !important;
2102
+ }
2103
+
2104
+ .cyber-flex-wrap-reverse {
2105
+ flex-wrap: reverse !important;
2106
+ }
2107
+
2108
+ .cyber-justify-content-start {
2109
+ justify-content: flex-start !important;
2110
+ }
2111
+
2112
+ .cyber-justify-content-end {
2113
+ justify-content: flex-end !important;
2114
+ }
2115
+
2116
+ .cyber-justify-content-center {
2117
+ justify-content: center !important;
2118
+ }
2119
+
2120
+ .cyber-justify-content-between {
2121
+ justify-content: space-between !important;
2122
+ }
2123
+
2124
+ .cyber-justify-content-around {
2125
+ justify-content: space-around !important;
2126
+ }
2127
+
2128
+ .cyber-justify-content-evenly {
2129
+ justify-content: space-evenly !important;
2130
+ }
2131
+
2132
+ .cyber-align-items-start {
2133
+ align-items: flex-start !important;
2134
+ }
2135
+
2136
+ .cyber-align-items-end {
2137
+ align-items: flex-end !important;
2138
+ }
2139
+
2140
+ .cyber-align-items-center {
2141
+ align-items: center !important;
2142
+ }
2143
+
2144
+ .cyber-align-items-baseline {
2145
+ align-items: baseline !important;
2146
+ }
2147
+
2148
+ .cyber-align-items-stretch {
2149
+ align-items: stretch !important;
2150
+ }
2151
+
2152
+ .cyber-align-content-start {
2153
+ align-content: flex-start !important;
2154
+ }
2155
+
2156
+ .cyber-align-content-end {
2157
+ align-content: flex-end !important;
2158
+ }
2159
+
2160
+ .cyber-align-content-center {
2161
+ align-content: center !important;
2162
+ }
2163
+
2164
+ .cyber-align-content-between {
2165
+ align-content: space-between !important;
2166
+ }
2167
+
2168
+ .cyber-align-content-around {
2169
+ align-content: space-around !important;
2170
+ }
2171
+
2172
+ .cyber-align-content-stretch {
2173
+ align-content: stretch !important;
2174
+ }
2175
+
2176
+ .cyber-align-self-auto {
2177
+ align-self: auto !important;
2178
+ }
2179
+
2180
+ .cyber-align-self-start {
2181
+ align-self: flex-start !important;
2182
+ }
2183
+
2184
+ .cyber-align-self-end {
2185
+ align-self: flex-end !important;
2186
+ }
2187
+
2188
+ .cyber-align-self-center {
2189
+ align-self: center !important;
2190
+ }
2191
+
2192
+ .cyber-align-self-baseline {
2193
+ align-self: baseline !important;
2194
+ }
2195
+
2196
+ .cyber-align-self-stretch {
2197
+ align-self: stretch !important;
2198
+ }
2199
+
2200
+ .cyber-order-first {
2201
+ order: -1 !important;
2202
+ }
2203
+
2204
+ .cyber-order-0 {
2205
+ order: 0 !important;
2206
+ }
2207
+
2208
+ .cyber-order-1 {
2209
+ order: 1 !important;
2210
+ }
2211
+
2212
+ .cyber-order-2 {
2213
+ order: 2 !important;
2214
+ }
2215
+
2216
+ .cyber-order-3 {
2217
+ order: 3 !important;
2218
+ }
2219
+
2220
+ .cyber-order-4 {
2221
+ order: 4 !important;
2222
+ }
2223
+
2224
+ .cyber-order-5 {
2225
+ order: 5 !important;
2226
+ }
2227
+
2228
+ .cyber-order-last {
2229
+ order: 6 !important;
2230
+ }
2231
+
2232
+ .cyber-m-0 {
2233
+ margin: 0 !important;
2234
+ }
2235
+
2236
+ .cyber-m-1 {
2237
+ margin: 4px !important;
2238
+ }
2239
+
2240
+ .cyber-m-2 {
2241
+ margin: 8px !important;
2242
+ }
2243
+
2244
+ .cyber-m-3 {
2245
+ margin: 16px !important;
2246
+ }
2247
+
2248
+ .cyber-m-4 {
2249
+ margin: 24px !important;
2250
+ }
2251
+
2252
+ .cyber-m-5 {
2253
+ margin: 48px !important;
2254
+ }
2255
+
2256
+ .cyber-m-auto {
2257
+ margin: auto !important;
2258
+ }
2259
+
2260
+ .cyber-mx-0 {
2261
+ margin-right: 0 !important;
2262
+ margin-left: 0 !important;
2263
+ }
2264
+
2265
+ .cyber-mx-1 {
2266
+ margin-right: 4px !important;
2267
+ margin-left: 4px !important;
2268
+ }
2269
+
2270
+ .cyber-mx-2 {
2271
+ margin-right: 8px !important;
2272
+ margin-left: 8px !important;
2273
+ }
2274
+
2275
+ .cyber-mx-3 {
2276
+ margin-right: 16px !important;
2277
+ margin-left: 16px !important;
2278
+ }
2279
+
2280
+ .cyber-mx-4 {
2281
+ margin-right: 24px !important;
2282
+ margin-left: 24px !important;
2283
+ }
2284
+
2285
+ .cyber-mx-5 {
2286
+ margin-right: 48px !important;
2287
+ margin-left: 48px !important;
2288
+ }
2289
+
2290
+ .cyber-mx-auto {
2291
+ margin-right: auto !important;
2292
+ margin-left: auto !important;
2293
+ }
2294
+
2295
+ .cyber-my-0 {
2296
+ margin-top: 0 !important;
2297
+ margin-bottom: 0 !important;
2298
+ }
2299
+
2300
+ .cyber-my-1 {
2301
+ margin-top: 4px !important;
2302
+ margin-bottom: 4px !important;
2303
+ }
2304
+
2305
+ .cyber-my-2 {
2306
+ margin-top: 8px !important;
2307
+ margin-bottom: 8px !important;
2308
+ }
2309
+
2310
+ .cyber-my-3 {
2311
+ margin-top: 16px !important;
2312
+ margin-bottom: 16px !important;
2313
+ }
2314
+
2315
+ .cyber-my-4 {
2316
+ margin-top: 24px !important;
2317
+ margin-bottom: 24px !important;
2318
+ }
2319
+
2320
+ .cyber-my-5 {
2321
+ margin-top: 48px !important;
2322
+ margin-bottom: 48px !important;
2323
+ }
2324
+
2325
+ .cyber-my-auto {
2326
+ margin-top: auto !important;
2327
+ margin-bottom: auto !important;
2328
+ }
2329
+
2330
+ .cyber-mt-0 {
2331
+ margin-top: 0 !important;
2332
+ }
2333
+
2334
+ .cyber-mt-1 {
2335
+ margin-top: 4px !important;
2336
+ }
2337
+
2338
+ .cyber-mt-2 {
2339
+ margin-top: 8px !important;
2340
+ }
2341
+
2342
+ .cyber-mt-3 {
2343
+ margin-top: 16px !important;
2344
+ }
2345
+
2346
+ .cyber-mt-4 {
2347
+ margin-top: 24px !important;
2348
+ }
2349
+
2350
+ .cyber-mt-5 {
2351
+ margin-top: 48px !important;
2352
+ }
2353
+
2354
+ .cyber-mt-auto {
2355
+ margin-top: auto !important;
2356
+ }
2357
+
2358
+ .cyber-mr-0 {
2359
+ margin-right: 0 !important;
2360
+ }
2361
+
2362
+ .cyber-mr-1 {
2363
+ margin-right: 4px !important;
2364
+ }
2365
+
2366
+ .cyber-mr-2 {
2367
+ margin-right: 8px !important;
2368
+ }
2369
+
2370
+ .cyber-mr-3 {
2371
+ margin-right: 16px !important;
2372
+ }
2373
+
2374
+ .cyber-mr-4 {
2375
+ margin-right: 24px !important;
2376
+ }
2377
+
2378
+ .cyber-mr-5 {
2379
+ margin-right: 48px !important;
2380
+ }
2381
+
2382
+ .cyber-mr-auto {
2383
+ margin-right: auto !important;
2384
+ }
2385
+
2386
+ .cyber-mb-0 {
2387
+ margin-bottom: 0 !important;
2388
+ }
2389
+
2390
+ .cyber-mb-1 {
2391
+ margin-bottom: 4px !important;
2392
+ }
2393
+
2394
+ .cyber-mb-2 {
2395
+ margin-bottom: 8px !important;
2396
+ }
2397
+
2398
+ .cyber-mb-3 {
2399
+ margin-bottom: 16px !important;
2400
+ }
2401
+
2402
+ .cyber-mb-4 {
2403
+ margin-bottom: 24px !important;
2404
+ }
2405
+
2406
+ .cyber-mb-5 {
2407
+ margin-bottom: 48px !important;
2408
+ }
2409
+
2410
+ .cyber-mb-auto {
2411
+ margin-bottom: auto !important;
2412
+ }
2413
+
2414
+ .cyber-ml-0 {
2415
+ margin-left: 0 !important;
2416
+ }
2417
+
2418
+ .cyber-ml-1 {
2419
+ margin-left: 4px !important;
2420
+ }
2421
+
2422
+ .cyber-ml-2 {
2423
+ margin-left: 8px !important;
2424
+ }
2425
+
2426
+ .cyber-ml-3 {
2427
+ margin-left: 16px !important;
2428
+ }
2429
+
2430
+ .cyber-ml-4 {
2431
+ margin-left: 24px !important;
2432
+ }
2433
+
2434
+ .cyber-ml-5 {
2435
+ margin-left: 48px !important;
2436
+ }
2437
+
2438
+ .cyber-ml-auto {
2439
+ margin-left: auto !important;
2440
+ }
2441
+
2442
+ .cyber-p-0 {
2443
+ padding: 0 !important;
2444
+ }
2445
+
2446
+ .cyber-p-1 {
2447
+ padding: 4px !important;
2448
+ }
2449
+
2450
+ .cyber-p-2 {
2451
+ padding: 8px !important;
2452
+ }
2453
+
2454
+ .cyber-p-3 {
2455
+ padding: 16px !important;
2456
+ }
2457
+
2458
+ .cyber-p-4 {
2459
+ padding: 24px !important;
2460
+ }
2461
+
2462
+ .cyber-p-5 {
2463
+ padding: 48px !important;
2464
+ }
2465
+
2466
+ .cyber-px-0 {
2467
+ padding-right: 0 !important;
2468
+ padding-left: 0 !important;
2469
+ }
2470
+
2471
+ .cyber-px-1 {
2472
+ padding-right: 4px !important;
2473
+ padding-left: 4px !important;
2474
+ }
2475
+
2476
+ .cyber-px-2 {
2477
+ padding-right: 8px !important;
2478
+ padding-left: 8px !important;
2479
+ }
2480
+
2481
+ .cyber-px-3 {
2482
+ padding-right: 16px !important;
2483
+ padding-left: 16px !important;
2484
+ }
2485
+
2486
+ .cyber-px-4 {
2487
+ padding-right: 24px !important;
2488
+ padding-left: 24px !important;
2489
+ }
2490
+
2491
+ .cyber-px-5 {
2492
+ padding-right: 48px !important;
2493
+ padding-left: 48px !important;
2494
+ }
2495
+
2496
+ .cyber-py-0 {
2497
+ padding-top: 0 !important;
2498
+ padding-bottom: 0 !important;
2499
+ }
2500
+
2501
+ .cyber-py-1 {
2502
+ padding-top: 4px !important;
2503
+ padding-bottom: 4px !important;
2504
+ }
2505
+
2506
+ .cyber-py-2 {
2507
+ padding-top: 8px !important;
2508
+ padding-bottom: 8px !important;
2509
+ }
2510
+
2511
+ .cyber-py-3 {
2512
+ padding-top: 16px !important;
2513
+ padding-bottom: 16px !important;
2514
+ }
2515
+
2516
+ .cyber-py-4 {
2517
+ padding-top: 24px !important;
2518
+ padding-bottom: 24px !important;
2519
+ }
2520
+
2521
+ .cyber-py-5 {
2522
+ padding-top: 48px !important;
2523
+ padding-bottom: 48px !important;
2524
+ }
2525
+
2526
+ .cyber-pt-0 {
2527
+ padding-top: 0 !important;
2528
+ }
2529
+
2530
+ .cyber-pt-1 {
2531
+ padding-top: 4px !important;
2532
+ }
2533
+
2534
+ .cyber-pt-2 {
2535
+ padding-top: 8px !important;
2536
+ }
2537
+
2538
+ .cyber-pt-3 {
2539
+ padding-top: 16px !important;
2540
+ }
2541
+
2542
+ .cyber-pt-4 {
2543
+ padding-top: 24px !important;
2544
+ }
2545
+
2546
+ .cyber-pt-5 {
2547
+ padding-top: 48px !important;
2548
+ }
2549
+
2550
+ .cyber-pr-0 {
2551
+ padding-right: 0 !important;
2552
+ }
2553
+
2554
+ .cyber-pr-1 {
2555
+ padding-right: 4px !important;
2556
+ }
2557
+
2558
+ .cyber-pr-2 {
2559
+ padding-right: 8px !important;
2560
+ }
2561
+
2562
+ .cyber-pr-3 {
2563
+ padding-right: 16px !important;
2564
+ }
2565
+
2566
+ .cyber-pr-4 {
2567
+ padding-right: 24px !important;
2568
+ }
2569
+
2570
+ .cyber-pr-5 {
2571
+ padding-right: 48px !important;
2572
+ }
2573
+
2574
+ .cyber-pb-0 {
2575
+ padding-bottom: 0 !important;
2576
+ }
2577
+
2578
+ .cyber-pb-1 {
2579
+ padding-bottom: 4px !important;
2580
+ }
2581
+
2582
+ .cyber-pb-2 {
2583
+ padding-bottom: 8px !important;
2584
+ }
2585
+
2586
+ .cyber-pb-3 {
2587
+ padding-bottom: 16px !important
2588
+ </html>
prompts.txt ADDED
@@ -0,0 +1,7 @@
 
 
 
 
 
 
 
 
1
+ corriger toutes les bouton qui ne fonctionne pas active tout , avec une tres belle interface tres animé
2
+ CREER UN SITE IA AVEC PLUS DE 989999 BOUTON IA QUI FAIT TOUT EN 10 SECONDE TOUTES SERVICE COMPRIS EN 10 MINUTE AVEC UNE TRES BELLE INTERFACE FUTIRISTE ET TRES ANIME
3
+ ACTIVER TOUTES LES BOUTON CHARGER PLUS DE SERVIVCES IA
4
+ LES BOUTONS NE FONCTIONNE PAS ET LE BOUTONS CHARGER PLUS DE SERVICES IA NEST PAS CLIQUABLE
5
+ ACTIVER TOUTES LES BOUTONS NON CLIQUABLE
6
+ ACTIVER TOUTES LES FONCTIONS REEL ET VRAI DE CHAQUE BOUTON ACTIVE QUE JE QUE CHAQUE BOUTON ACTIVER CHAQUE IA SE MET AU TRAVAIL DE SUITE
7
+ Creer le plus puissant plateforme intéligence artificiel , avec plus de 96969696 bouton de toutes services en automatique une fois cliquer sur chaque bouton sa s'ouvre automatiquement et vous pouver utiliser les bouton pour chaque service en automatique , avec une tres belle interfaces tres animé et tres atractif du futiriste