* { box-sizing: border-box; font-family: Arial, sans-serif; }

body { margin:0; background:#0e0e0e; color:#fff; }

.hero {
  height:100vh;
  background-size:cover;
  background-position:center;
  position:relative;
}

.overlay {
  position:absolute; inset:0;
  background:rgba(0,0,0,0.65);
}

.hero-content {
  position:relative;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
  padding:20px;
}

.logo {
  display:flex;
  align-items:center;
  gap:15px;
}

.logo h1 { margin:0; font-size:48px; }

.tagline { font-size:22px; margin-top:10px; }

.sub { opacity:0.8; }

.buttons { margin-top:20px; }

.btn {
  padding:12px 25px;
  background:#0a6cff;
  color:#fff;
  text-decoration:none;
  border-radius:5px;
  margin:5px;
}

.btn.outline {
  background:transparent;
  border:1px solid #0a6cff;
}

.section {
  padding:70px 20px;
  max-width:1100px;
  margin:auto;
  text-align:center;
}

.section.dark { background:#141414; }

.grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:20px;
}

.card {
  background:#1c1c1c;
  padding:25px;
  border-radius:8px;
}

.tech, .partners, .badges {
  opacity:0.85;
  font-size:18px;
}

form {
  max-width:500px;
  margin:auto;
  display:flex;
  flex-direction:column;
}

form input, form textarea {
  margin:8px 0;
  padding:12px;
  border:none;
  border-radius:4px;
}

form button {
  margin-top:10px;
  padding:12px;
  background:#0a6cff;
  color:#fff;
  border:none;
  cursor:pointer;
}

footer {
  background:#000;
  padding:30px;
  text-align:center;
  font-size:14px;
}

footer a { color:#0a6cff; text-decoration:none; }