body,html {margin:0;padding:0;font-family:-apple-system,Arial;}

.hero {
  height:100vh;
  background:#000;
  display:flex;
  justify-content:center;
  align-items:center;
}
.icon {
  width:280px;
  height:auto;
  cursor:pointer;
  transition:0.4s;
}
.icon:hover {transform:scale(1.12);}

.about {background:#fff;color:#000;padding:120px 20px;text-align:center;}
.brand {font-size:50px;font-weight:900;margin-bottom:30px;}
.desc {font-size:20px;line-height:1.6;max-width:900px;margin:auto;}

.services {background:#f2f2f2;color:#000;padding:120px 20px;text-align:center;}
.services h2 {font-size:32px;margin-bottom:40px;}
.grid {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;font-size:20px;}
@media(max-width:800px){.grid{grid-template-columns:1fr;}}

.footer {
  background:#e5e5e5;
  color:#000;
  padding:40px 20px;
  text-align:center;
  font-size:14px;
}
.footer a {color:#000;text-decoration:none;font-weight:600;}
.footer a:hover {text-decoration:underline;}

.legal {
  background:#fff;
  color:#000;
  text-align:center;
  padding:60px 20px;
}
.legal h2 {font-size:32px;margin-bottom:20px;}
.legal p {max-width:800px;margin:auto;font-size:18px;text-align:left;line-height:1.6;}

/* === FINAL CONTACT PAGE === */
.contact-page {
  background:#fff;
  min-height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:40px 20px;
}
.contact-card {
  background:#fcfcfc;
  padding:60px 50px;
  max-width:480px;
  width:92%;
  border-radius:18px;
  border:2px solid #000;
  box-shadow:0 12px 40px rgba(0,0,0,0.12);
  text-align:center;
}
.contact-headline {
  font-size:34px;
  font-weight:900;
  margin-bottom:15px;
  letter-spacing:1px;
}
.contact-divider {
  width:60%;
  border-top:2px solid #000;
  margin:0 auto 30px auto;
}
.contact-text {
  font-size:18px;
  margin-bottom:25px;
  line-height:1.5;
}
.contact-email {
  display:inline-block;
  font-size:20px;
  font-weight:700;
  padding:12px 20px;
  border:2px solid #000;
  border-radius:10px;
  color:#000;
  text-decoration:none;
  transition:0.25s;
}
.contact-email:hover {
  background:#000;
  color:#fff;
}