/* ===== CONTACT LAYOUT ===== */
.contact-section { padding: 3rem 2.5rem 7rem; }
.contact-inner {
  max-width: 1100px; margin: 0 auto;
  display: grid; grid-template-columns: 1fr 1.2fr; gap: 4rem; align-items: start;
}

/* ===== INFO SIDE ===== */
.contact-info h2 { font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 1.8rem; margin-bottom: 1.5rem; color: #fff; }
.contact-info p { font-size: 1rem; color: rgba(240, 230, 255, 0.6); line-height: 1.8; margin-bottom: 2rem; }
.contact-channels { list-style: none; padding: 0; margin-bottom: 2.5rem; }
.contact-channels li {
  display: flex; align-items: center; gap: 1rem; padding: 1rem 0;
  border-bottom: 1px solid var(--glass-border);
}
.contact-channels li:last-child { border-bottom: none; }
.channel-icon {
  width: 44px; height: 44px; border-radius: 12px; display: flex; align-items: center; justify-content: center;
  font-size: 1.2rem; flex-shrink: 0;
}
.channel-icon.pink { background: rgba(255, 59, 142, 0.1); }
.channel-icon.teal { background: rgba(0, 245, 212, 0.1); }
.channel-icon.orange { background: rgba(255, 159, 28, 0.1); }
.channel-label { font-size: 0.8rem; color: rgba(240, 230, 255, 0.45); text-transform: uppercase; letter-spacing: 0.08em; }
.channel-value { font-size: 1rem; color: var(--soft-white); }
.channel-value a { color: var(--soft-white); text-decoration: none; transition: color 0.3s ease; }
.channel-value a:hover { color: var(--vivid-pink); }
.fun-note {
  background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 16px;
  padding: 1.5rem 2rem; font-size: 0.95rem; color: rgba(240, 230, 255, 0.55); line-height: 1.7;
}
.fun-note strong { color: var(--tropical-teal); }

/* ===== FORM SIDE ===== */
.contact-form-wrapper {
  background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 24px;
  padding: 3rem;
}
.contact-form-wrapper h3 {
  font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 1.4rem; margin-bottom: 0.5rem; color: #fff;
}
.contact-form-wrapper .subtitle { font-size: 0.9rem; color: rgba(240, 230, 255, 0.45); margin-bottom: 2rem; }
.form-group { margin-bottom: 1.5rem; }
.form-group label {
  display: block; font-size: 0.8rem; font-weight: 500; text-transform: uppercase;
  letter-spacing: 0.1em; color: rgba(240, 230, 255, 0.5); margin-bottom: 0.5rem;
}
.form-group input, .form-group textarea, .form-group select {
  width: 100%; padding: 0.9rem 1.2rem; border-radius: 12px;
  background: rgba(255, 255, 255, 0.03); border: 1px solid var(--glass-border);
  color: var(--soft-white); font-family: 'Ubuntu', sans-serif; font-size: 0.95rem;
  transition: border-color 0.3s ease, box-shadow 0.3s ease;
  outline: none;
}
.form-group input:focus, .form-group textarea:focus, .form-group select:focus {
  border-color: rgba(255, 59, 142, 0.4);
  box-shadow: 0 0 0 3px rgba(255, 59, 142, 0.1);
}
.form-group input::placeholder, .form-group textarea::placeholder {
  color: rgba(240, 230, 255, 0.25);
}
.form-group textarea { resize: vertical; min-height: 140px; }
.form-group select option { background: var(--deep-purple); color: var(--soft-white); }
.btn-submit {
  background: linear-gradient(135deg, var(--vivid-pink), var(--hot-orange));
  color: #fff; padding: 0.9rem 2.5rem; border-radius: 50px; border: none;
  font-family: 'Ubuntu', sans-serif; font-weight: 700; font-size: 0.9rem;
  letter-spacing: 0.08em; text-transform: uppercase; cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
}
.btn-submit:hover { transform: translateY(-2px); box-shadow: 0 12px 40px rgba(255, 59, 142, 0.35); }

/* ===== CONTACT RESPONSIVE ===== */
@media (max-width: 1024px) {
  .contact-inner { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .contact-section { padding: 2rem 1.5rem 4rem; }
  .contact-form-wrapper { padding: 2rem 1.5rem; }
}