/* ===== Contact page — Éjszakai nomád (dark studio) ===== */
body.contact-dark {
  background: var(--st-bg); color: var(--st-ink);
  font-family: "Sora", sans-serif;
  --pill-border: rgba(255, 255, 255, 0.25);
  --pill-fg: rgba(242, 244, 240, 0.75);
  --pill-active-bg: rgba(255, 255, 255, 0.92);
  --pill-active-fg: #16201B;
  --ft-border: rgba(255, 255, 255, 0.09);
  --ft-fg: rgba(242, 244, 240, 0.6);
  overflow-x: hidden;
}
.contact-dark .glow { position: absolute; width: 900px; height: 900px; border-radius: 50%; pointer-events: none; }
.contact-dark .glow-green { background: radial-gradient(circle, rgba(85, 182, 59, 0.18), transparent 65%); top: -300px; left: -200px; }
.contact-dark .glow-teal { background: radial-gradient(circle, rgba(31, 191, 164, 0.15), transparent 65%); top: -200px; right: -300px; }
.contact-dark .container { position: relative; }

.contact-dark .brand { color: var(--st-ink); }
.contact-dark .brand-mark { background: linear-gradient(135deg, #F2F4F0, #C9CEC6); color: #0E1411; }
.contact-dark .site-nav { color: rgba(242, 244, 240, 0.75); }

.contact-dark main { padding: 72px 0 100px; }
.contact-hero { text-align: center; }
.contact-hero .kicker { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: #52DEC6; margin: 0; }
.contact-hero h1 { font-size: clamp(40px, 5vw, 60px); font-weight: 800; letter-spacing: -0.025em; margin: 14px 0 0; }
.contact-hero .lede { font-size: 18px; color: var(--st-ink-sec); line-height: 1.65; max-width: 560px; margin: 18px auto 0; }

/* Highlighted project-inquiry card */
.project-card {
  position: relative; max-width: 760px; margin: 52px auto 0;
  background: var(--st-card); border: 1px solid rgba(31, 191, 164, 0.4); border-radius: 24px;
  padding: 40px 38px 36px; text-align: center; overflow: hidden;
}
.project-card::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 2px;
  background: linear-gradient(90deg, transparent, #7BD75E, #1FBFA4, transparent);
}
.project-card h2 { font-size: 26px; font-weight: 800; letter-spacing: -0.015em; margin: 0; }
.project-card .pc-sub { font-size: 15.5px; color: var(--st-ink-sec); line-height: 1.6; max-width: 480px; margin: 12px auto 0; }
.pc-tags { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 20px; }
.pc-tag {
  font-size: 13px; font-weight: 700; padding: 8px 16px; border-radius: 999px;
  background: rgba(255, 255, 255, 0.06); border: 1px solid var(--st-border); color: var(--st-ink-sec);
}
.pc-btn {
  display: inline-flex; align-items: center; margin-top: 26px; text-decoration: none;
  font-size: 16px; font-weight: 800; color: #0E1411;
  background: linear-gradient(90deg, #7BD75E, #1FBFA4); border-radius: 14px;
  padding: 15px 34px; transition: transform 0.2s, box-shadow 0.2s;
}
.pc-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 30px rgba(31, 191, 164, 0.35); }

/* Support cards */
.contact-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; max-width: 980px; margin: 24px auto 0; }
.contact-card {
  background: var(--st-card); border: 1px solid var(--st-border); border-radius: 20px;
  padding: 28px 26px; text-decoration: none; color: var(--st-ink); display: block;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s;
}
.contact-card:hover { transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.22); }
.contact-card .cc-mark {
  width: 44px; height: 44px; border-radius: 13px; display: grid; place-items: center;
  color: #fff; font-weight: 800; font-size: 18px;
}
.contact-card h3 { font-size: 18px; font-weight: 800; margin: 16px 0 6px; }
.contact-card p { font-size: 14px; font-weight: 500; color: var(--st-ink-sec); line-height: 1.55; margin: 0; }
.contact-card .cc-link { display: inline-block; margin-top: 14px; font-size: 13.5px; font-weight: 700; color: #7BD75E; }

.reply-note { text-align: center; font-size: 14px; font-weight: 600; color: rgba(242, 244, 240, 0.5); margin-top: 36px; }

@media (max-width: 900px) {
  .contact-grid { grid-template-columns: 1fr; }
}