/* ===========================
   CSS Variables / Root
   =========================== */
:root {
  --bg: #07080c;
  --text: #e8ecff;
  --muted: #a7b0d6;
  --cyan: #00e0ff;
  --pink: #ff4fd8;
  --lime: #00ff9c;
  --gold: #ffcc00;
  --card: rgba(10, 12, 18, 0.64);
  --stroke: rgba(255, 255, 255, 0.12);
}

/* ===========================
   Base Styles
   =========================== */
[data-astro-cid-j7pv25f6] {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background: var(--bg);
  min-height: 100vh;
  overflow-x: hidden;
  padding-bottom: 74px;
}

/* ===========================
   Hero Banner
   =========================== */
.heroBanner[data-astro-cid-j7pv25f6] {
  width: 100%;
  height: 260px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid var(--stroke);
  background: #07080c;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heroBanner[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6] {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}

.heroBanner[data-astro-cid-j7pv25f6]:after {
  display: none;
}

@media (max-width: 820px) {
  .heroBanner[data-astro-cid-j7pv25f6] {
    height: 150px;
  }
}

/* ===========================
   Background Layers
   =========================== */
.bg[data-astro-cid-j7pv25f6] {
  position: fixed;
  inset: 0;
  z-index: -3;
  background-image: url(images/atelier.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0.78) contrast(1.15) saturate(1.12);
  transform: scale(1.02);
  will-change: transform;
  backface-visibility: hidden;
}

.grain[data-astro-cid-j7pv25f6] {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  background-size: 3px 3px;
  opacity: 0.1;
}

.veil[data-astro-cid-j7pv25f6] {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(900px 520px at 50% 220px, #0000000d, #000000a6 72%),
              radial-gradient(700px 520px at 18% 16%, rgba(0, 224, 255, 0.16), transparent 60%),
              radial-gradient(700px 520px at 82% 18%, rgba(255, 79, 216, 0.14), transparent 60%);
}

/* ===========================
   Main Wrapper
   =========================== */
.wrap[data-astro-cid-j7pv25f6] {
  max-width: 1100px;
  margin: 0 auto;
  padding: 18px 18px 60px;
}

/* ===========================
   Top Bar
   =========================== */
.topbar[data-astro-cid-j7pv25f6] {
  position: relative;
  overflow: hidden;
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border: 1px solid var(--stroke);
  border-radius: 18px;
  background: #0a0c128f;
  backdrop-filter: blur(10px);
}

.topbar[data-astro-cid-j7pv25f6]:before {
  content: "";
  position: absolute;
  inset: -35px;
  background-image: url(images/logo-microveha2.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: scale(1.08);
  opacity: 0.035;
  filter: saturate(1.12) contrast(1.12);
  mix-blend-mode: screen;
  pointer-events: none;
  z-index: 0;
}

.topbar[data-astro-cid-j7pv25f6]:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0a0c12b8, #0a0c122e, #0a0c12b8);
  pointer-events: none;
  z-index: 0;
}

.topbar[data-astro-cid-j7pv25f6] > [data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
}

/* ===========================
   Brand
   =========================== */
.brand[data-astro-cid-j7pv25f6] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.brand[data-astro-cid-j7pv25f6] small[data-astro-cid-j7pv25f6] {
  display: block;
  color: var(--muted);
  letter-spacing: 0.22em;
}

.brand[data-astro-cid-j7pv25f6] b[data-astro-cid-j7pv25f6] {
  display: block;
  font-size: 14px;
}

/* ===========================
   Navigation
   =========================== */
.nav[data-astro-cid-j7pv25f6] {
  display: flex;
  gap: 16px;
  align-items: center;
  flex-wrap: wrap;
}

.nav[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6] {
  color: var(--muted);
  text-decoration: none;
  font-size: 13px;
}

.nav[data-astro-cid-j7pv25f6] a[data-astro-cid-j7pv25f6]:hover {
  color: var(--text);
}

/* ===========================
   Top Actions / CTAs
   =========================== */
.topActions[data-astro-cid-j7pv25f6] {
  display: flex;
  gap: 10px;
  align-items: center;
}

.cta[data-astro-cid-j7pv25f6] {
  padding: 10px 14px;
  border-radius: 14px;
  color: #071018;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  background: linear-gradient(135deg, var(--cyan), var(--lime));
  box-shadow: 0 0 18px #00e0ff47, 0 0 18px #00ff9c2e;
  white-space: nowrap;
}

.ctaCall[data-astro-cid-j7pv25f6] {
  padding: 10px 14px;
  border-radius: 14px;
  color: #071018;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  background: linear-gradient(135deg, var(--pink), var(--cyan));
  box-shadow: 0 0 18px #ff4fd833, 0 0 18px #00e0ff2e;
  white-space: nowrap;
}

.ctaWhats[data-astro-cid-j7pv25f6] {
  padding: 10px 14px;
  border-radius: 14px;
  color: #071018;
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  background: linear-gradient(135deg, #25d366, #1ebe57);
  box-shadow: 0 0 18px #25d36638;
  white-space: nowrap;
}

@media (max-width: 820px) {
  .ctaWhats[data-astro-cid-j7pv25f6] {
    display: none;
  }
}

/* ===========================
   Hero Section
   =========================== */
.hero[data-astro-cid-j7pv25f6] {
  padding: 42px 6px 10px;
}

.kicker[data-astro-cid-j7pv25f6] {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: var(--muted);
  font-size: 13px;
  letter-spacing: 0.1em;
}

.dot[data-astro-cid-j7pv25f6] {
  width: 10px;
  height: 10px;
  border-radius: 99px;
  background: var(--lime);
  box-shadow: 0 0 14px #00ff9c99;
}

h1[data-astro-cid-j7pv25f6] {
  margin: 14px 0 0;
  font-size: 52px;
  line-height: 1.02;
  letter-spacing: -0.02em;
  text-shadow: 0 0 18px rgba(0, 224, 255, 0.18), 0 0 22px rgba(255, 79, 216, 0.1);
}

.glow[data-astro-cid-j7pv25f6] {
  color: var(--cyan);
  text-shadow: 0 0 16px rgba(0, 224, 255, 0.45), 0 0 28px rgba(0, 224, 255, 0.22);
}

.sub[data-astro-cid-j7pv25f6] {
  max-width: 920px;
  margin: 16px 0 0;
  color: #f1f4ff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.45);
}

/* ===========================
   Actions / Buttons
   =========================== */
.actions[data-astro-cid-j7pv25f6] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 22px;
}

.btn[data-astro-cid-j7pv25f6] {
  position: relative;
  padding: 12px 16px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #0a0c1285;
  color: var(--text);
  text-decoration: none;
  font-weight: 900;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 22px #00000059, inset 0 0 22px #ffffff0a;
  overflow: hidden;
}

.btn[data-astro-cid-j7pv25f6]:before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(135deg, #00e0ff73, #ff4fd859, #00ff9c4d);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.55;
  pointer-events: none;
}

.btn[data-astro-cid-j7pv25f6]:after {
  content: "";
  position: absolute;
  top: -40%;
  left: -40%;
  width: 80%;
  height: 180%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
  transform: rotate(20deg);
  opacity: 0.25;
  pointer-events: none;
}

.btn[data-astro-cid-j7pv25f6]:hover {
  border-color: #00e0ff59;
}

.btnPrimary[data-astro-cid-j7pv25f6] {
  border: none;
  background: linear-gradient(135deg, var(--pink), var(--cyan));
  color: #071018;
  box-shadow: 0 0 22px #ff4fd838, 0 0 22px #00e0ff2e;
}

.btnPrimary[data-astro-cid-j7pv25f6]:before {
  display: none;
}

.btnPrimary[data-astro-cid-j7pv25f6]:after {
  opacity: 0.35;
}

/* ===========================
   Proofs
   =========================== */
.proofs[data-astro-cid-j7pv25f6] {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 22px 0 6px;
}

.proof[data-astro-cid-j7pv25f6] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 950;
  color: var(--text);
  background: linear-gradient(180deg, #121626b3, #080a12eb);
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 18px #00000059;
  backdrop-filter: blur(10px);
  overflow: hidden;
}

/* ===========================
   Grid Layout
   =========================== */
.grid[data-astro-cid-j7pv25f6] {
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(12, 1fr);
  margin-top: 28px;
}

/* ===========================
   Cards
   =========================== */
.card[data-astro-cid-j7pv25f6] {
  grid-column: span 6;
  border-radius: 22px;
  border: 1px solid var(--stroke);
  background: var(--card);
  backdrop-filter: blur(10px);
  padding: 18px 18px 16px;
  box-shadow: 0 0 28px #00000059;
}

.card[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6] {
  margin: 0 0 10px;
  font-size: 18px;
}

.tag[data-astro-cid-j7pv25f6] {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--text);
  transition: transform 0.25s ease, filter 0.25s ease;
}

.icon[data-astro-cid-j7pv25f6] {
  width: 38px;
  height: 38px;
  border-radius: 16px;
  display: inline-grid;
  place-items: center;
  font-size: 18px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  background: #ffffff0f;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

/* Neon Card Variants */
.neonPink[data-astro-cid-j7pv25f6] .tag[data-astro-cid-j7pv25f6] {
  background: linear-gradient(90deg, var(--pink), var(--cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 12px rgba(255, 79, 216, 0.35);
}

.neonPink[data-astro-cid-j7pv25f6] .icon[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 16px #ff4fd859;
}

.neonCyan[data-astro-cid-j7pv25f6] .tag[data-astro-cid-j7pv25f6] {
  background: linear-gradient(90deg, var(--cyan), var(--lime));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 12px rgba(0, 224, 255, 0.35);
}

.neonCyan[data-astro-cid-j7pv25f6] .icon[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 16px #00e0ff59;
}

.neonGold[data-astro-cid-j7pv25f6] .tag[data-astro-cid-j7pv25f6] {
  background: linear-gradient(90deg, var(--gold), var(--pink));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 12px rgba(255, 204, 0, 0.35);
}

.neonGold[data-astro-cid-j7pv25f6] .icon[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 16px #ffcc0059;
}

.neonLime[data-astro-cid-j7pv25f6] .tag[data-astro-cid-j7pv25f6] {
  background: linear-gradient(90deg, var(--lime), var(--cyan));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-shadow: 0 0 12px rgba(0, 255, 156, 0.35);
}

.neonLime[data-astro-cid-j7pv25f6] .icon[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 16px #00ff9c59;
}

/* List Styles */
ul[data-astro-cid-j7pv25f6] {
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--muted);
}

li[data-astro-cid-j7pv25f6] {
  margin: 8px 0;
}

/* Card Box Shadows by Color */
.neonCyan[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 0 1px #00e0ff2e, 0 0 22px #00e0ff1a;
}

.neonPink[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 0 1px #ff4fd82e, 0 0 22px #ff4fd81a;
}

.neonGold[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 0 1px #ffcc002e, 0 0 22px #ffcc001a;
}

.neonLime[data-astro-cid-j7pv25f6] {
  box-shadow: 0 0 0 1px #00ff9c29, 0 0 22px #00ff9c1a;
}

/* ===========================
   Sections
   =========================== */
.sectionTitle[data-astro-cid-j7pv25f6] {
  margin: 44px 0 10px;
  font-size: 22px;
  color: var(--text);
  text-shadow: 0 0 18px rgba(0, 224, 255, 0.12);
}

.panel[data-astro-cid-j7pv25f6] {
  border: 1px solid var(--stroke);
  background: #0a0c129e;
  border-radius: 22px;
  padding: 18px;
  backdrop-filter: blur(10px);
}

.two[data-astro-cid-j7pv25f6] {
  display: grid;
  gap: 16px;
  grid-template-columns: 1fr 1fr;
}

.muted[data-astro-cid-j7pv25f6] {
  color: var(--muted);
}

/* ===========================
   Footer
   =========================== */
footer[data-astro-cid-j7pv25f6] {
  margin-top: 34px;
  text-align: center;
  color: #a7b0d6b3;
  font-size: 12px;
}

/* ===========================
   Links
   =========================== */
.link[data-astro-cid-j7pv25f6] {
  color: var(--text);
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 224, 255, 0.25);
}

.link[data-astro-cid-j7pv25f6]:hover {
  border-bottom-color: #00e0ff8c;
}

/* ===========================
   Forms
   =========================== */
.formGrid[data-astro-cid-j7pv25f6] {
  display: grid;
  gap: 12px;
}

.field[data-astro-cid-j7pv25f6] {
  width: 100%;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #07080c8c;
  color: var(--text);
  outline: none;
}

.field[data-astro-cid-j7pv25f6]::placeholder {
  color: #a7b0d6bf;
}

.field[data-astro-cid-j7pv25f6]:focus {
  border-color: #00e0ff73;
  box-shadow: 0 0 0 3px #00e0ff1a;
}

textarea[data-astro-cid-j7pv25f6].field {
  min-height: 110px;
  resize: vertical;
}

/* ===========================
   Floating Action Buttons
   =========================== */
.callFloat[data-astro-cid-j7pv25f6] {
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 22px;
  background: linear-gradient(135deg, var(--cyan), var(--lime));
  color: #071018;
  text-decoration: none;
  box-shadow: 0 0 24px #00e0ff59;
  z-index: 999;
}

.waFloat[data-astro-cid-j7pv25f6] {
  position: fixed;
  right: 16px;
  bottom: 84px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 22px;
  background: linear-gradient(135deg, var(--lime), var(--cyan));
  color: #071018;
  text-decoration: none;
  box-shadow: 0 0 24px #00ff9c38;
  z-index: 999;
}

@media (min-width: 821px) {
  .callFloat[data-astro-cid-j7pv25f6],
  .waFloat[data-astro-cid-j7pv25f6] {
    display: none;
  }
}

/* ===========================
   Mobile Responsive
   =========================== */
@media (max-width: 820px) {
  h1[data-astro-cid-j7pv25f6] {
    font-size: 38px;
  }

  .card[data-astro-cid-j7pv25f6] {
    grid-column: span 12;
  }

  .nav[data-astro-cid-j7pv25f6] {
    display: none;
  }

  .two[data-astro-cid-j7pv25f6] {
    grid-template-columns: 1fr;
  }
}

/* ===========================
   Social Bar
   =========================== */
.socialBar[data-astro-cid-j7pv25f6] {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: flex;
  gap: 10px;
  justify-content: space-between;
  padding: 10px 12px;
  background: #0a0c12d1;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(10px);
}

.sBtn[data-astro-cid-j7pv25f6] {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 14px;
  text-decoration: none;
  font-weight: 900;
  font-size: 12px;
  color: #e8ecff;
  background: #ffffff0f;
  border: 1px solid rgba(255, 255, 255, 0.12);
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.sBtn[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6] {
  width: 18px;
  height: 18px;
  fill: currentColor;
  margin-right: 6px;
}

.sBtn[data-astro-cid-j7pv25f6].insta {
  background: linear-gradient(135deg, #f58529, #dd2a7b, #8134af);
  color: #fff;
  border: none;
}

.sBtn[data-astro-cid-j7pv25f6].facebook {
  background: #1877f2;
  color: #fff;
  border: none;
}

.sBtn[data-astro-cid-j7pv25f6].google {
  background: #fff;
  color: #000;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

.sBtn[data-astro-cid-j7pv25f6].arcade {
  background: linear-gradient(135deg, #fc0, #ff4fd8);
  color: #071018;
  border: none;
}

@media (max-width: 420px) {
  .sBtn[data-astro-cid-j7pv25f6] {
    font-size: 11px;
    padding: 10px 8px;
  }

  .sBtn[data-astro-cid-j7pv25f6] svg[data-astro-cid-j7pv25f6] {
    width: 17px;
    height: 17px;
    margin-right: 5px;
  }
}

/* ===========================
   Contact Neon Card
   =========================== */
.contactNeon[data-astro-cid-j7pv25f6] {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 18px 18px 16px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #0a0c129e;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px #00e0ff24, 0 0 28px #00e0ff1a, 0 0 22px #ff4fd80f;
}

.contactNeon[data-astro-cid-j7pv25f6]:before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg, #00e0ff8c, #ff4fd873, #00ff9c52);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.75;
  pointer-events: none;
}

.contactNeonHeader[data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.contactNeonTitle[data-astro-cid-j7pv25f6] {
  font-size: 18px;
  font-weight: 950;
  color: var(--text);
}

.contactNeonBadge[data-astro-cid-j7pv25f6] {
  font-size: 11px;
  font-weight: 950;
  padding: 6px 10px;
  border-radius: 999px;
  color: #071018;
  background: linear-gradient(135deg, var(--cyan), var(--lime));
  box-shadow: 0 0 18px #00e0ff2e;
  white-space: nowrap;
}

.contactNeonInfos[data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
  margin: 0;
  line-height: 1.75;
}

.contactRow[data-astro-cid-j7pv25f6] {
  display: block;
  margin: 6px 0;
}

.contactLabel[data-astro-cid-j7pv25f6] {
  color: #a7b0d6f2;
  font-weight: 900;
}

.contactNeonActions[data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 14px;
}

.btnWa[data-astro-cid-j7pv25f6] {
  border: none;
  background: linear-gradient(135deg, #25d366, #1ebe57);
  color: #071018;
  box-shadow: 0 0 18px #25d36638;
}

/* ===========================
   Contact Photo
   =========================== */
.contactPhoto[data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
  margin-top: 14px;
  height: 190px;
  border-radius: 18px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #07080c59;
  box-shadow: inset 0 0 26px #00000073;
}

.contactPhoto[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.88;
  filter: saturate(1.06) contrast(1.08);
}

.contactPhoto[data-astro-cid-j7pv25f6]:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(7, 8, 12, 0.78), transparent 55%);
  pointer-events: none;
}

.contactPhotoLabel[data-astro-cid-j7pv25f6] {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #e8ecffeb;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: #0a0c128c;
  backdrop-filter: blur(10px);
}

/* ===========================
   Form Neon Card
   =========================== */
.formNeon[data-astro-cid-j7pv25f6] {
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: 18px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #0a0c129e;
  backdrop-filter: blur(10px);
  box-shadow: 0 0 0 1px #ff4fd824, 0 0 28px #ff4fd81a, 0 0 20px #00e0ff0f;
}

.formNeon[data-astro-cid-j7pv25f6]:before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg, #ff4fd88c, #00e0ff6b, #ffcc0042);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.7;
  pointer-events: none;
}

.formNeon[data-astro-cid-j7pv25f6] > [data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
}

.formNeon[data-astro-cid-j7pv25f6] .field[data-astro-cid-j7pv25f6] {
  background: #07080c99;
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.formNeon[data-astro-cid-j7pv25f6] .field[data-astro-cid-j7pv25f6]:focus {
  border-color: #ff4fd873;
  box-shadow: 0 0 0 3px #ff4fd81a;
}

/* ===========================
   Map Neon
   =========================== */
.mapNeon[data-astro-cid-j7pv25f6] {
  position: relative;
  overflow: hidden;
}

.mapNeon[data-astro-cid-j7pv25f6]:before {
  content: "";
  position: absolute;
  inset: -2px;
  border-radius: 22px;
  padding: 1px;
  background: linear-gradient(135deg, #00e0ff73, #ff4fd859, #00ff9c38);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0.55;
  pointer-events: none;
}

.mapNeon[data-astro-cid-j7pv25f6] > [data-astro-cid-j7pv25f6] {
  position: relative;
  z-index: 1;
}

/* ===========================
   Photo Slideshow / Lightbox
   =========================== */
#contactSlide[data-astro-cid-j7pv25f6] {
  transition: opacity 0.45s ease;
}

#contactSlide[data-astro-cid-j7pv25f6].isFading {
  opacity: 0;
}

.photoTap[data-astro-cid-j7pv25f6] {
  all: unset;
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
}

.photoTap[data-astro-cid-j7pv25f6]:focus-visible {
  outline: 3px solid rgba(0, 224, 255, 0.35);
  outline-offset: 4px;
  border-radius: 18px;
}

.lightbox[data-astro-cid-j7pv25f6] {
  position: fixed;
  inset: 0;
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: #000000db;
  backdrop-filter: blur(8px);
}

.lightbox[data-astro-cid-j7pv25f6].isOpen {
  display: flex;
}

.lbImg[data-astro-cid-j7pv25f6] {
  max-width: min(980px, 94vw);
  max-height: 86vh;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: 0 0 40px #0000008c;
}

.lbClose[data-astro-cid-j7pv25f6] {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #0a0c128c;
  color: #e8ecff;
  font-size: 20px;
  cursor: pointer;
}

.lbNav[data-astro-cid-j7pv25f6] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  background: #0a0c128c;
  color: #e8ecff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.lbPrev[data-astro-cid-j7pv25f6] {
  left: 12px;
}

.lbNext[data-astro-cid-j7pv25f6] {
  right: 12px;
}

@media (max-width: 520px) {
  .lbNav[data-astro-cid-j7pv25f6] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    font-size: 28px;
  }

  .lbClose[data-astro-cid-j7pv25f6] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }
}

/* ===========================
   Smartphone Thumbnails
   =========================== */
.smartphoneThumbs[data-astro-cid-j7pv25f6] {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}

.thumb[data-astro-cid-j7pv25f6] {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: #07080c59;
  box-shadow: inset 0 0 18px #00000073;
  cursor: pointer;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.thumb[data-astro-cid-j7pv25f6]:hover {
  border-color: rgba(0, 224, 255, 0.35);
  box-shadow: inset 0 0 18px #00000073, 0 0 12px rgba(0, 224, 255, 0.2);
}

.thumb[data-astro-cid-j7pv25f6] img[data-astro-cid-j7pv25f6] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  filter: saturate(1.05) contrast(1.06);
  opacity: 0.94;
  transition: opacity 0.35s ease;
}

.thumb[data-astro-cid-j7pv25f6].isFading img[data-astro-cid-j7pv25f6] {
  opacity: 0;
}

@media (max-width: 820px) {
  .smartphoneThumbs[data-astro-cid-j7pv25f6] {
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }

  .thumb[data-astro-cid-j7pv25f6] {
    border-radius: 12px;
  }
}

@media (max-width: 420px) {
  .smartphoneThumbs[data-astro-cid-j7pv25f6] {
    grid-template-columns: repeat(3, 1fr);
  }
}