/* PAGE CONTAINER */
.contact-container{
  max-width:100%;
  margin:3px auto;
  padding:40px;
  background:#ffffff;
  border-radius:16px;
  box-shadow:0 25px 70px rgba(2,132,199,0.08);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;
  line-height:1.9;
  color:#0f172a;
  border:1px solid #e6f0f7;
  position:relative;
  overflow:hidden;
}

/* TOP ACCENT BAR (Looplane Feel) */
.contact-container::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:linear-gradient(90deg,#06b6d4,#0284c7);
}

/* HEADER */
.contact-header{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:15px;
}

.contact-logo{
  height:42px;
}

.contact-title{
  font-size:24px;
  font-weight:700;
  color:#0284c7;   /* Looplane Blue */
  letter-spacing:.4px;
}

.contact-divider{
  border:none;
  height:1px;
  background:#e2e8f0;
  margin:15px 0 25px;
}

/* TITLE */
.contact-container h2{
  font-size:28px;
  margin-bottom:10px;
  color:#0f172a;
}

/* EMAIL STYLE */
.contact-container strong{
  color:#0284c7;
}

/* LIST STYLE */
.contact-container ul{
  padding-left:20px;
}

.contact-container li{
  margin:6px 0;
  position:relative;
}

/* Custom Looplane Bullet */
.contact-container li::marker{
  color:#06b6d4;
}

/* PARAGRAPH */
.contact-container p{
  color:#334155;
}

/* HOVER CARD EFFECT */
.contact-container:hover{
  transform:translateY(-2px);
  transition:.25s ease;
  box-shadow:0 30px 80px rgba(2,132,199,0.12);
}

@media(max-width:425px){
  .contact-container{
    padding:25px;
    margin:40px 12px;
  }

  .contact-container h2{
    font-size:22px;
  }

  .contact-title{
    font-size:20px;
  }
}