* { margin:0; padding:0; box-sizing:border-box; }

body, html {
  font-family: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  width:100%;
  height:100%;
  background:#000;
  color:#000;
}

/* HERO */
.hero {
  height:100vh;
  width:100%;
  background: linear-gradient(135deg, #0d5bff, #19a8ff);
  display:flex;
  justify-content:center;
  align-items:center;
}

/* MAIN LOGO CARD */
.logo {
  width:55%;
  max-width:520px;
  min-width:260px;
  transition: transform 0.6s ease;
  cursor:pointer;
}
.logo:hover {
  transform: scale(1.06);
}

/* ABOUT SECTION */
.about {
  background:#ffffff;
  padding:80px 20px;
  text-align:center;
  font-size:20px;
  color:#111;
  line-height:1.6;
}

/* CONTACT CARD (same style as logo card) */
.contact-container {
  background:#fff;
  padding:40px 50px;
  border-radius:60px;
  text-align:center;
  color:#000;
  max-width:480px;
  width:80%;
  box-shadow:0 10px 40px rgba(0,0,0,0.15);
}

/* CONTACT PAGE HERO */
.contact-hero {
  height:100vh;
  width:100%;
  background:linear-gradient(135deg, #0d5bff, #19a8ff);
  display:flex;
  justify-content:center;
  align-items:center;
}

/* FOOTER */
.footer {
  background:#e5e5e5;
  color:#000;
  padding:40px 20px;
  text-align:left;
  font-size:14px;
}

.footer a {
  color:#000;
  text-decoration:none;
}
.footer a:hover {
  text-decoration:underline;
}