/* Hero */
.hero { position: relative; height: 100vh; overflow: hidden; background: var(--dark); display: flex; align-items: center; justify-content: center; }
.hero::before { content: ""; position: absolute; width: 100%; height: 100%; background: url('https://images.unsplash.com/photo-1541888081622-15cb3a0df470?ixlib=rb-4.0.3') no-repeat center center/cover; opacity: 0.3; z-index: 0; }
.hero::after { content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(15,23,42,0.7), rgba(15,23,42,0.9)); z-index: 1;}
.hero-content { position: relative; z-index: 2; text-align: center; padding: 1rem 2rem; }
.hero h1 { font-size: clamp(2rem, 6vw, 4rem); font-weight: 900; text-transform: uppercase; color: #fff; text-shadow: 0 4px 10px rgba(0,0,0,0.5); }
.hero h1 span { color: var(--primary); }
.hero p { color: var(--light); font-size: 1.2rem; margin-bottom: 2.5rem; max-width: 800px; margin-left: auto; margin-right: auto;}

/* Stats */
.stats { background: var(--dark); color: white; padding: 6rem 0; position: relative; overflow: hidden; }
.stats-container { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 2rem; }
.stat-item { text-align: center; padding: 2rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(5px); border-radius: var(--border-radius); border: 1px solid rgba(255, 255, 255, 0.1); transition: var(--transition); }
.stat-item:hover { transform: translateY(-5px); background: rgba(255, 255, 255, 0.08); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); }
.stat-number { font-size: 3.5rem; font-weight: 700; color: white; font-family: "Orbitron", sans-serif; background: var(--tech-gradient); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.stat-label { font-size: 1rem; color: var(--gray-light); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 500; margin-top: 1rem;}