html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; background-color: #030712; color: #f8fafc; overflow-x: hidden; }
#particles-js { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; pointer-events: none; }
.neon-blue-text { background: linear-gradient(to right, #00f2fe, #4facfe); -webkit-background-clip: text; color: transparent; }
.neon-green-text { background: linear-gradient(to right, #00b09b, #96c93d); -webkit-background-clip: text; color: transparent; }
.glass-panel { background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(0, 242, 254, 0.15); box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); }
.tilt-card { transform-style: preserve-3d; }
.tilt-card-content { transform: translateZ(30px); }
.swiper-pagination-bullet { background: #334155 !important; }
.swiper-pagination-bullet-active { background: #00f2fe !important; box-shadow: 0 0 10px rgba(0,242,254,0.8); }
.btn-neon { position: relative; overflow: hidden; background: linear-gradient(45deg, #00f2fe, #4facfe); color: #000; font-weight: bold; transition: 0.3s; box-shadow: 0 0 15px rgba(0,242,254,0.4); }
.btn-neon:hover { box-shadow: 0 0 30px rgba(0,242,254,0.7); transform: translateY(-2px); }
.stat-number { font-variant-numeric: tabular-nums; }
.hexagon { clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }