/* ═══ CONTACT page — contact.css ═══
   Background: rotating conic mesh gradient + noise, rose/violet theme */

body { background:#0e040f; }

:root { --accent:#ff3ca0; --accent2:#c828ff; --accent3:#ff80cc; --accent-rgb:255,60,160; }

#page-bg { position:fixed; inset:0; z-index:0; pointer-events:none; overflow:hidden; }

/* Rotating conic mesh */
.mesh {
  position:absolute; width:160vmax; height:160vmax;
  top:50%; left:50%; transform:translate(-50%,-50%);
  background:conic-gradient(from 0deg at 50% 50%,
    rgba(255,60,160,.08) 0deg,
    transparent 60deg,
    rgba(200,40,255,.07) 120deg,
    transparent 180deg,
    rgba(255,60,160,.06) 240deg,
    transparent 300deg,
    rgba(200,40,255,.07) 360deg
  );
  animation:meshSpin 40s linear infinite;
  border-radius:50%;
}
.mesh-2 {
  width:120vmax; height:120vmax;
  background:conic-gradient(from 90deg at 45% 55%,
    transparent 0deg,
    rgba(255,80,130,.07) 80deg,
    transparent 160deg,
    rgba(180,40,255,.06) 240deg,
    transparent 320deg,
    rgba(255,80,130,.05) 360deg
  );
  animation:meshSpin 60s linear infinite reverse;
  border-radius:50%;
}
@keyframes meshSpin { from{transform:translate(-50%,-50%) rotate(0deg)} to{transform:translate(-50%,-50%) rotate(360deg)} }

/* Dot matrix overlay */
#page-overlay {
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background-image:radial-gradient(rgba(255,60,160,.055) 1px, transparent 1px);
  background-size:26px 26px;
  mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 50%,black 20%,transparent 100%);
}

hr.divider { background:linear-gradient(90deg,transparent,rgba(255,60,160,.38),transparent); }
.tag { color:var(--accent); }
.process-step::after { background:linear-gradient(90deg,var(--accent),var(--accent2)); }
.btn-submit { background:linear-gradient(135deg,var(--accent),var(--accent2)); }
.btn-submit:hover { box-shadow:0 8px 24px rgba(255,60,160,.38); }
.fi:focus { border-color:rgba(255,60,160,.5); background:rgba(255,60,160,.05); box-shadow:0 0 0 3px rgba(255,60,160,.1); }