*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif}
body{background:#000;color:#fff}
.navbar{position:fixed;width:100%;top:0;display:flex;justify-content:space-between;padding:20px 10%;backdrop-filter:blur(10px);z-index:1000}
.logo span{color:red}
.hero{height:100vh;position:relative;overflow:hidden}
.hero-img{width:100%;height:100%;object-fit:cover;transform:scale(1.1)}
.overlay{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.7)}
.hero-content{position:absolute;top:50%;left:10%;transform:translateY(-50%)}
.hero h1{font-size:70px}
.hero span{color:red}
.btn{margin-top:20px;padding:12px 25px;background:red;border:none;color:white;cursor:pointer;transition:0.3s}
.btn:hover{transform:scale(1.1)}
.section{padding:100px 10%}
.dark{background:#111}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.track{padding:15px;border-bottom:1px solid #333;transition:0.3s}
.track:hover{background:#111;transform:translateX(10px)}
.stats{display:flex;justify-content:space-around;text-align:center}
.counter{font-size:30px;color:red}
.form{display:flex;flex-direction:column;gap:10px}
.form input,.form textarea{padding:10px;background:#111;border:1px solid #333;color:white}
.reveal{opacity:0;transform:translateY(50px);transition:1s}
.reveal.active{opacity:1;transform:translateY(0)}
