*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Poppins,sans-serif;background:#0f172a;color:#fff;}
.navbar{position:fixed;width:100%;display:flex;justify-content:space-between;padding:20px 40px;background:#0f172a;}
.navbar a{color:#fff;margin-left:20px;text-decoration:none;}
.hero{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#0f172a,#1e293b);}
.hero h1{font-size:60px;font-weight:700;}
.btn{margin-top:20px;padding:12px 30px;background:#38bdf8;border-radius:30px;text-decoration:none;color:#000;font-weight:bold;}
.section{padding:120px 20px;text-align:center;}
.light{background:#1e293b;}
.stats{display:flex;justify-content:center;gap:60px;margin-top:40px;}
.stats span{font-size:40px;color:#38bdf8;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:40px;}
.grid-3 div{background:#0f172a;padding:20px;border-radius:10px;}
.slider{overflow:hidden;margin-top:40px;}
.track{display:flex;animation:slide 40s linear infinite;}
.item{width:250px;height:250px;margin:0 15px;}
.item img{width:100%;height:100%;object-fit:cover;border-radius:15px;}
@keyframes slide{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.form{display:flex;flex-direction:column;gap:15px;max-width:400px;margin:30px auto;}
.form input,.form textarea,.form select{padding:10px;border-radius:8px;border:none;}
.form button{padding:12px;background:#38bdf8;border:none;border-radius:30px;font-weight:bold;}
footer{text-align:center;padding:40px;background:#0f172a;}