html {scroll-behavior: smooth;}body::before {content: '';position: fixed;top: -50%;left: -50%;width: 200%;height: 200%;background: radial-gradient(circle at 20% 50%, rgba(102, 192, 244, 0.08) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(134, 80, 172, 0.08) 0%, transparent 50%);animation: ambient-light 20s ease-in-out infinite;pointer-events: none;z-index: 0;}@keyframes ambient-light {0%, 100% {transform: translate(0, 0) rotate(0deg);}33% {transform: translate(5%, 5%) rotate(120deg);}66% {transform: translate(-5%, 5%) rotate(240deg);}}::-webkit-scrollbar {width: 12px;height: 12px;}::-webkit-scrollbar-track {background: rgba(10, 14, 20, 0.8);border-left: 1px solid rgba(102, 192, 244, 0.1);}::-webkit-scrollbar-thumb {background: linear-gradient(180deg, var(--primary-glow) 0%, var(--secondary-glow) 100%);border-radius: 6px;border: 2px solid rgba(10, 14, 20, 0.8);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 20px rgba(102, 192, 244, 0.4);}::-webkit-scrollbar-thumb:hover {background: linear-gradient(180deg, #66c0f4 0%, #8650AC 100%);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 0 30px rgba(102, 192, 244, 0.6);}::selection {background: rgba(102, 192, 244, 0.3);color: #fff;text-shadow: 0 0 10px rgba(102, 192, 244, 0.8);}::-moz-selection {background: rgba(102, 192, 244, 0.3);color: #fff;text-shadow: 0 0 10px rgba(102, 192, 244, 0.8);}.glass-layer-1 {background: linear-gradient(135deg, rgba(23, 26, 33, 0.7) 0%, rgba(30, 40, 50, 0.6) 100%);backdrop-filter: blur(10px) saturate(150%);-webkit-backdrop-filter: blur(10px) saturate(150%);border: 1px solid rgba(255, 255, 255, 0.1);}.glass-layer-2 {background: linear-gradient(135deg, rgba(23, 26, 33, 0.8) 0%, rgba(30, 40, 50, 0.7) 100%);backdrop-filter: blur(15px) saturate(160%);-webkit-backdrop-filter: blur(15px) saturate(160%);border: 1px solid rgba(255, 255, 255, 0.12);}.glass-layer-3 {background: linear-gradient(135deg, rgba(23, 26, 33, 0.9) 0%, rgba(30, 40, 50, 0.85) 100%);backdrop-filter: blur(20px) saturate(180%);-webkit-backdrop-filter: blur(20px) saturate(180%);border: 1px solid rgba(255, 255, 255, 0.15);}.neon-text-blue {color: var(--primary-glow);text-shadow: 0 0 10px rgba(102, 192, 244, 0.8), 0 0 20px rgba(102, 192, 244, 0.6), 0 0 30px rgba(102, 192, 244, 0.4), 0 0 40px rgba(102, 192, 244, 0.2);animation: neon-flicker-blue 3s ease-in-out infinite;}@keyframes neon-flicker-blue {0%, 100% {text-shadow: 0 0 10px rgba(102, 192, 244, 0.8), 0 0 20px rgba(102, 192, 244, 0.6), 0 0 30px rgba(102, 192, 244, 0.4), 0 0 40px rgba(102, 192, 244, 0.2);}50% {text-shadow: 0 0 15px rgba(102, 192, 244, 1), 0 0 30px rgba(102, 192, 244, 0.8), 0 0 45px rgba(102, 192, 244, 0.6), 0 0 60px rgba(102, 192, 244, 0.4);}}.neon-text-purple {color: var(--secondary-glow);text-shadow: 0 0 10px rgba(134, 80, 172, 0.8), 0 0 20px rgba(134, 80, 172, 0.6), 0 0 30px rgba(134, 80, 172, 0.4);}.neon-text-gold {color: var(--accent-gold);text-shadow: 0 0 10px rgba(255, 215, 0, 0.8), 0 0 20px rgba(255, 215, 0, 0.6), 0 0 30px rgba(255, 215, 0, 0.4);}.holographic-border {position: relative;border: 2px solid transparent;background: linear-gradient(var(--glass-bg), var(--glass-bg)) padding-box, linear-gradient(45deg, var(--primary-glow), var(--secondary-glow), var(--accent-gold), var(--primary-glow)) border-box;background-size: 300% 300%;animation: holographic-shift 6s ease infinite;}@keyframes holographic-shift {0%, 100% {background-position: 0% 50%;}50% {background-position: 100% 50%;}}.depth-1 {box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.05) inset;}.depth-2 {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.08) inset;}.depth-3 {box-shadow: 0 16px 48px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.1) inset;}.depth-4 {box-shadow: 0 24px 64px rgba(0, 0, 0, 0.8), 0 0 0 1px rgba(255, 255, 255, 0.12) inset;}.glow-blue {box-shadow: 0 0 20px rgba(102, 192, 244, 0.5), 0 0 40px rgba(102, 192, 244, 0.3);}.glow-purple {box-shadow: 0 0 20px rgba(134, 80, 172, 0.5), 0 0 40px rgba(134, 80, 172, 0.3);}.glow-gold {box-shadow: 0 0 20px rgba(255, 215, 0, 0.5), 0 0 40px rgba(255, 215, 0, 0.3);}.glow-red {box-shadow: 0 0 20px rgba(217, 83, 79, 0.5), 0 0 40px rgba(217, 83, 79, 0.3);}.btn-premium {position: relative;padding: 16px 40px;background: linear-gradient(135deg, var(--primary-glow) 0%, var(--secondary-glow) 100%);border: none;border-radius: 8px;color: #fff;font-weight: 700;font-size: 16px;text-transform: uppercase;letter-spacing: 1px;cursor: pointer;overflow: hidden;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);box-shadow: 0 8px 24px rgba(102, 192, 244, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.2);}.btn-premium::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.6s ease;}.btn-premium:hover::before {left: 100%;}.btn-premium:hover {transform: translateY(-3px);box-shadow: 0 12px 32px rgba(102, 192, 244, 0.6), 0 0 40px rgba(134, 80, 172, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3);}.btn-premium:active {transform: translateY(-1px);}.hover-lift {transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.hover-lift:hover {transform: translateY(-4px);}.hover-glow {transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.hover-glow:hover {filter: drop-shadow(0 0 20px var(--primary-glow));}.particle-bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 0;}.particle {position: absolute;width: 2px;height: 2px;background: var(--primary-glow);border-radius: 50%;opacity: 0.5;animation: float-particle 10s ease-in-out infinite;}@keyframes float-particle {0%, 100% {transform: translate(0, 0);opacity: 0;}10%, 90% {opacity: 0.5;}50% {transform: translate(100px, -100px);opacity: 0.8;}}.shimmer {position: relative;overflow: hidden;}.shimmer::after {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.1), transparent );animation: shimmer-slide 2s infinite;}@keyframes shimmer-slide {0% {left: -100%;}100% {left: 100%;}}.premium-card {position: relative;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transform-style: preserve-3d;}.premium-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient( 135deg, rgba(102, 192, 244, 0.1) 0%, rgba(134, 80, 172, 0.1) 100% );opacity: 0;transition: opacity 0.4s ease;border-radius: inherit;}.premium-card:hover::before {opacity: 1;}.premium-card:hover {transform: translateY(-8px) rotateX(2deg);}@media (max-width: 768px) {.premium-card:hover {transform: translateY(-4px);}.btn-premium {padding: 14px 32px;font-size: 14px;}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}*:focus-visible {outline: 2px solid var(--primary-glow);outline-offset: 2px;box-shadow: 0 0 0 4px rgba(102, 192, 244, 0.2);}@media (prefers-contrast: high) {.glass-layer-1, .glass-layer-2, .glass-layer-3 {background: rgba(0, 0, 0, 0.9);border: 2px solid #fff;}}