|
58 | 58 | /* ── ICON SYSTEM ── */ |
59 | 59 | .feature-icon i { |
60 | 60 | font-size: 2.2rem; |
61 | | - text-shadow: 0 0 6px currentColor; |
| 61 | + filter: drop-shadow(0 0 8px currentColor) drop-shadow(0 0 20px currentColor); |
62 | 62 | } |
63 | 63 | .badge i { |
64 | 64 | font-size: 0.9rem; |
|
96 | 96 | letter-spacing: 3px; |
97 | 97 | text-transform: uppercase; |
98 | 98 | color: var(--neon-pink); |
99 | | - text-shadow: 0 0 20px rgba(255, 168, 79, 0.4); |
| 99 | + text-shadow: 0 0 10px rgba(255,168,79,.6), 0 0 30px rgba(255,168,79,.25), 0 0 60px rgba(255,168,79,.1); |
100 | 100 | } |
101 | 101 | .nav-links { display: flex; gap: 28px; } |
102 | 102 | .nav-links a { |
|
109 | 109 | } |
110 | 110 | .nav-links a:hover { |
111 | 111 | color: var(--neon-pink); |
112 | | - text-shadow: 0 0 12px rgba(255, 168, 79, 0.5); |
| 112 | + text-shadow: 0 0 8px rgba(255,168,79,.6), 0 0 25px rgba(255,168,79,.3); |
113 | 113 | } |
114 | 114 |
|
115 | 115 | /* ── HERO ── */ |
|
190 | 190 | -webkit-text-fill-color: transparent; |
191 | 191 | background-clip: text; |
192 | 192 | text-shadow: none; |
| 193 | + position: relative; |
| 194 | + filter: drop-shadow(0 0 12px rgba(255,168,79,.6)) drop-shadow(0 0 40px rgba(255,168,79,.3)); |
| 195 | +} |
| 196 | +.hero-title span:not(.neon-word) { |
| 197 | + text-shadow: 0 0 20px rgba(255,255,255,.3), 0 0 60px rgba(27,149,193,.3); |
193 | 198 | } |
194 | 199 |
|
195 | 200 | .hero-tagline { |
|
198 | 203 | color: var(--neon-pink); |
199 | 204 | margin-bottom: 24px; |
200 | 205 | position: relative; z-index: 1; |
201 | | - text-shadow: 0 0 15px rgba(255,168,79,.4); |
| 206 | + text-shadow: 0 0 10px rgba(255,168,79,.6), 0 0 30px rgba(255,168,79,.3), 0 0 60px rgba(255,168,79,.15); |
202 | 207 | } |
203 | 208 | @keyframes flicker { |
204 | 209 | 0%,19%,21%,23%,25%,54%,56%,100% { opacity:1; } |
|
237 | 242 | display: inline-block; |
238 | 243 | } |
239 | 244 | .btn-neon-primary { |
240 | | - background: linear-gradient(135deg, var(--neon-pink), #ff6b9d); |
| 245 | + background: linear-gradient(135deg, var(--neon-pink), #ffbe7a); |
241 | 246 | color: #fff; |
242 | | - box-shadow: 0 0 30px rgba(255,168,79,.3), inset 0 0 20px rgba(255,255,255,.05); |
| 247 | + box-shadow: 0 0 20px rgba(255,168,79,.4), 0 0 60px rgba(255,168,79,.15), inset 0 0 20px rgba(255,255,255,.05); |
243 | 248 | } |
244 | 249 | .btn-neon-primary:hover { |
245 | 250 | transform: translateY(-2px); |
246 | | - box-shadow: 0 0 50px rgba(255,168,79,.5), inset 0 0 20px rgba(255,255,255,.1); |
| 251 | + box-shadow: 0 0 30px rgba(255,168,79,.6), 0 0 80px rgba(255,168,79,.3), inset 0 0 20px rgba(255,255,255,.1); |
247 | 252 | color: #fff; |
248 | 253 | } |
249 | 254 | .btn-neon-ghost { |
250 | 255 | background: transparent; |
251 | 256 | color: var(--neon-blue); |
252 | | - border: 1px solid rgba(27,149,193,.3); |
| 257 | + border: 1px solid rgba(27,149,193,.4); |
| 258 | + text-shadow: 0 0 10px rgba(27,149,193,.5), 0 0 30px rgba(27,149,193,.2); |
253 | 259 | } |
254 | 260 | .btn-neon-ghost:hover { |
255 | 261 | border-color: var(--neon-blue); |
256 | | - box-shadow: 0 0 25px rgba(27,149,193,.2); |
| 262 | + box-shadow: 0 0 20px rgba(27,149,193,.4), 0 0 60px rgba(27,149,193,.15); |
| 263 | + text-shadow: 0 0 10px rgba(27,149,193,.7), 0 0 40px rgba(27,149,193,.3); |
257 | 264 | color: var(--neon-blue); |
258 | 265 | } |
259 | 266 |
|
|
287 | 294 | text-transform: uppercase; |
288 | 295 | color: var(--neon-pink); |
289 | 296 | margin-bottom: 8px; |
290 | | - text-shadow: 0 0 10px rgba(255,168,79,.3); |
| 297 | + text-shadow: 0 0 8px rgba(255,168,79,.6), 0 0 25px rgba(255,168,79,.25); |
291 | 298 | } |
292 | 299 | .section-title { |
293 | 300 | font-family: var(--font-display); |
|
298 | 305 | color: var(--text-bright); |
299 | 306 | margin-bottom: 8px; |
300 | 307 | line-height: 1.3; |
| 308 | + text-shadow: 0 0 15px rgba(255,255,255,.2), 0 0 40px rgba(27,149,193,.15); |
301 | 309 | } |
302 | 310 | .section-sub { |
303 | 311 | color: var(--text-dim); |
|
0 commit comments