*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,sans-serif}html{scroll-behavior:smooth}body{background:#f4f6f8;color:#222}
.hero{height:100vh;background:linear-gradient(rgba(10,26,45,.8),rgba(10,26,45,.8)),url(https://images.unsplash.com/photo-1517048676732-d65bc937f952?auto=format&fit=crop&w=1600&q=80) center/cover}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 8%;position:fixed;width:100%;background:rgba(11,31,51,.7);backdrop-filter:blur(8px)}
.logo{height:70px}.button,button{background:#f7941d;color:#fff;padding:12px 24px;border-radius:30px;text-decoration:none;border:none;cursor:pointer}
nav a{color:#fff;margin-left:20px;text-decoration:none}.overlay{display:flex;flex-direction:column;justify-content:center;height:100%;padding:0 8%;color:#fff;max-width:760px}
h1{font-size:4rem}h2{text-align:center;margin-bottom:25px}section{padding:90px 8%}p{line-height:1.7}
.stats{display:flex;justify-content:space-around;background:#fff}.stats div{text-align:center}.stats span{font-size:3rem;font-weight:bold;color:#f7941d}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}.card{background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 25px rgba(0,0,0,.08);transition:.3s}.card:hover{transform:translateY(-8px)}
.dark{background:#0b1f33;color:#fff}ul{max-width:700px;margin:auto;columns:2;line-height:2}
form{max-width:700px;margin:auto;display:grid;gap:15px}input,textarea{padding:14px;border:1px solid #ccc;border-radius:10px}textarea{height:160px}footer{text-align:center;background:#111;color:#999;padding:25px}
@media(max-width:768px){h1{font-size:2.3rem}.stats{flex-direction:column;gap:25px}ul{columns:1}}