*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif;}
body{line-height:1.6}
.navbar{display:flex;justify-content:space-between;padding:15px 30px;background:#111;color:#fff;position:sticky;top:0}
.navbar a{color:#fff;margin-left:15px;text-decoration:none}
.hero{height:90vh;background:linear-gradient(135deg,#0066ff,#00ccff);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.btn{margin-top:20px;padding:12px 30px;background:#fff;color:#0066ff;text-decoration:none;border-radius:25px}
section{padding:60px 20px;text-align:center}
.light{background:#f9f9f9}
.cards{display:flex;justify-content:center;gap:20px;margin-top:30px}
.card{background:#fff;padding:30px;width:220px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1)}
form{max-width:400px;margin:auto}
input,textarea,button{width:100%;padding:12px;margin:10px 0}
button{background:#0066ff;color:#fff;border:none}
footer{background:#111;color:#fff;text-align:center;padding:15px}
@media(max-width:768px){.cards{flex-direction:column;align-items:center}}
.visitor-counter {
  text-align: center;
  margin: 30px 0;
  font-size: 18px;
}

.visitor-counter p {
  margin-bottom: 8px;
  font-weight: 500;
}
h1 {
  font-size: clamp(36px, 6vw, 44px);
  font-weight: 700;
}