body{margin:0;font-family:Inter,Arial;background:#0b0f14;color:#fff}
img{max-width:100%;border-radius:12px}
.navbar{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);z-index:100}
.logo-area{display:flex;align-items:center;gap:12px;font-weight:600}
.logo-area img{height:48px}
nav a{color:#ddd;margin-left:20px;text-decoration:none}
.btn-nav{background:#2ecc71;color:#000;padding:8px 14px;border-radius:20px}

.hero{height:100vh;background:linear-gradient(135deg,#0f2027,#000);display:flex;align-items:center;justify-content:center;text-align:center;position:relative}
.hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.hero-content{position:relative}
.hero h1{font-family:Poppins;font-size:3rem}
.hero span{color:#2ecc71}
.btn-main{display:inline-block;margin-top:20px;padding:14px 34px;background:#2ecc71;color:#000;border-radius:30px}

.section{padding:120px 60px;text-align:center}
.section.light{background:#fff;color:#111}
.section.dark{background:#000}
.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.icon-grid,.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:40px}
.icon-card,.product-card{padding:30px;border-radius:18px;background:rgba(255,255,255,.1)}
.section.light .icon-card{background:#f4f4f4}

.contact-form{max-width:500px;margin:30px auto}
.contact-form input,.contact-form textarea{width:100%;margin-bottom:12px;padding:12px;border-radius:10px;border:none}
.contact-form button{width:100%;padding:14px;background:#2ecc71;border:none;border-radius:10px;font-weight:bold}

footer{background:#000;padding:30px;text-align:center;color:#888}
@media(max-width:900px){.split{grid-template-columns:1fr}.hero h1{font-size:2.2rem}}