/* ═══════════════════════════════════════════════════════════
   EXSummit Landing — Talent Advisor Consulting
   ═══════════════════════════════════════════════════════════ */

:root {
  --exs-dark:    #0d0628;
  --exs-dark2:   #160a40;
  --exs-purple:  #7c3aed;
  --exs-purple2: #a855f7;
  --exs-yellow:  #ffcd00;
  --exs-white:   #ffffff;
  --exs-radius:  20px;
  --exs-font:    'Poppins', sans-serif;
}

/* ── Reset / base ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.exs-body {
  font-family: var(--exs-font);
  background: var(--exs-dark);
  color: var(--exs-white);
  min-height: 100vh;
  overflow-x: hidden;
}

/* ═══════════════════════════════════════
   PARTÍCULAS DECORATIVAS
   ═══════════════════════════════════════ */
.exs-particles {
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}

.exs-p {
  position: absolute;
  border-radius: 50%;
  opacity: 0;
  animation: exsParticle linear infinite;
}

/* Sizes & colors */
.exs-p--1  { width: 6px;  height: 6px;  background: var(--exs-yellow);   left: 10%; animation-duration: 12s; animation-delay: 0s; }
.exs-p--2  { width: 4px;  height: 4px;  background: var(--exs-purple2);  left: 22%; animation-duration: 15s; animation-delay: 1.5s; }
.exs-p--3  { width: 8px;  height: 8px;  background: var(--exs-yellow);   left: 35%; animation-duration: 10s; animation-delay: 3s; }
.exs-p--4  { width: 3px;  height: 3px;  background: #fff;                left: 48%; animation-duration: 18s; animation-delay: 0.8s; }
.exs-p--5  { width: 5px;  height: 5px;  background: var(--exs-purple2);  left: 60%; animation-duration: 13s; animation-delay: 2.2s; }
.exs-p--6  { width: 7px;  height: 7px;  background: var(--exs-yellow);   left: 72%; animation-duration: 11s; animation-delay: 4s; }
.exs-p--7  { width: 4px;  height: 4px;  background: #fff;                left: 82%; animation-duration: 16s; animation-delay: 1s; }
.exs-p--8  { width: 6px;  height: 6px;  background: var(--exs-purple);   left: 90%; animation-duration: 14s; animation-delay: 3.5s; }
.exs-p--9  { width: 3px;  height: 3px;  background: var(--exs-yellow);   left: 5%;  animation-duration: 20s; animation-delay: 6s; }
.exs-p--10 { width: 5px;  height: 5px;  background: var(--exs-purple2);  left: 40%; animation-duration: 17s; animation-delay: 2.8s; }
.exs-p--11 { width: 4px;  height: 4px;  background: #fff;                left: 65%; animation-duration: 19s; animation-delay: 5s; }
.exs-p--12 { width: 7px;  height: 7px;  background: var(--exs-purple);   left: 55%; animation-duration: 12s; animation-delay: 7s; }

@keyframes exsParticle {
  0%   { transform: translateY(110vh) rotate(0deg);   opacity: 0; }
  10%  { opacity: .7; }
  90%  { opacity: .5; }
  100% { transform: translateY(-10vh)  rotate(360deg); opacity: 0; }
}

/* ═══════════════════════════════════════
   ORBS
   ═══════════════════════════════════════ */
.exs-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.exs-orb--a {
  width: 520px; height: 520px;
  background: radial-gradient(circle, rgba(124,58,237,.45) 0%, transparent 70%);
  top: -160px; left: -140px;
  filter: blur(60px);
  animation: exsOrbFloat 9s ease-in-out infinite;
}

.exs-orb--b {
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(255,205,0,.25) 0%, transparent 70%);
  bottom: -120px; right: -100px;
  filter: blur(70px);
  animation: exsOrbFloat 12s ease-in-out infinite reverse;
}

.exs-orb--c {
  width: 600px; height: 600px;
  background: radial-gradient(circle, rgba(124,58,237,.35) 0%, transparent 70%);
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(80px);
  animation: exsOrbFloat 10s ease-in-out infinite;
}

@keyframes exsOrbFloat {
  0%, 100% { transform: translateY(0); }
  50%       { transform: translateY(-28px); }
}

/* ═══════════════════════════════════════
   HERO
   ═══════════════════════════════════════ */
.exs-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  background:
    radial-gradient(ellipse 80% 60% at 30% 40%, rgba(124,58,237,.22) 0%, transparent 60%),
    radial-gradient(ellipse 50% 50% at 80% 70%, rgba(255,205,0,.10) 0%, transparent 55%),
    var(--exs-dark);
  padding: 6rem 0 5rem;
  z-index: 1;
}

/* Subtle grid overlay */
.exs-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
  z-index: 0;
}

.exs-hero-content {
  position: relative;
  z-index: 2;
  text-align: center;
}

/* Logo */
.exs-logo-wrap {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.8rem;
  animation: exsFadeDown .6s ease both;
}

.exs-logo {
  height: 52px;
  width: auto;
  filter: drop-shadow(0 0 18px rgba(255,205,0,.35));
}

.exs-event-badge {
  background: rgba(255,205,0,.12);
  border: 1px solid rgba(255,205,0,.35);
  color: var(--exs-yellow);
  font-weight: 700;
  font-size: .95rem;
  letter-spacing: .08em;
  padding: .35rem .9rem;
  border-radius: 50px;
  backdrop-filter: blur(6px);
}

/* Greeting */
.exs-greeting {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: .6rem;
  flex-wrap: wrap;
  margin-bottom: 1.6rem;
  line-height: 1;
}

.exs-hi {
  font-size: clamp(2.4rem, 7vw, 5rem);
  font-weight: 900;
  color: var(--exs-white);
  animation: exsFadeDown .55s ease .2s both;
}

.exs-event-name {
  display: inline-flex;
  align-items: baseline;
  gap: 0;
}

.exs-letter,
.exs-excl {
  display: inline-block;
  font-size: clamp(2.4rem, 7vw, 5rem);
  font-weight: 900;
  color: var(--exs-yellow);
  text-shadow: 0 0 28px rgba(255,205,0,.55), 0 0 60px rgba(255,205,0,.22);
  opacity: 0;
  animation: exsLetterPop .5s cubic-bezier(.34,1.56,.64,1) forwards;
}

@keyframes exsLetterPop {
  from { opacity: 0; transform: translateY(28px) scale(.7); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}

/* Intro text */
.exs-intro {
  font-size: clamp(1rem, 2.5vw, 1.25rem);
  font-weight: 300;
  color: rgba(255,255,255,.82);
  max-width: 600px;
  margin: 0 auto 2.6rem;
  line-height: 1.7;
  animation: exsFadeUp .6s ease .7s both;
}

.exs-intro strong {
  color: var(--exs-white);
  font-weight: 700;
}

/* Chips */
.exs-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .7rem;
  animation: exsFadeUp .6s ease .85s both;
}

.exs-chip {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  background: rgba(124,58,237,.18);
  border: 1px solid rgba(124,58,237,.42);
  color: rgba(255,255,255,.88);
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .04em;
  padding: .45rem 1rem;
  border-radius: 50px;
  backdrop-filter: blur(8px);
  transition: background .25s, border-color .25s, transform .2s;
}

.exs-chip:hover {
  background: rgba(124,58,237,.32);
  border-color: rgba(255,205,0,.5);
  transform: translateY(-2px);
}

.exs-chip i { color: var(--exs-yellow); font-size: .88rem; }

/* ═══════════════════════════════════════
   CARDS SECTION
   ═══════════════════════════════════════ */
.exs-cards-section {
  position: relative;
  z-index: 1;
  padding: 5rem 0 6rem;
  background: linear-gradient(180deg, var(--exs-dark) 0%, var(--exs-dark2) 100%);
}

.exs-section-pre {
  text-align: center;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--exs-yellow);
  margin-bottom: .5rem;
}

.exs-section-title {
  text-align: center;
  font-size: clamp(1.8rem, 4vw, 2.8rem);
  font-weight: 900;
  color: var(--exs-white);
  margin-bottom: 0;
}

/* Base card */
.exs-card {
  display: block;
  position: relative;
  border-radius: var(--exs-radius);
  padding: 2.4rem 2rem;
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  transition: transform .3s cubic-bezier(.34,1.56,.64,1), box-shadow .3s ease;
  cursor: pointer;
}

.exs-card:hover {
  transform: translateY(-8px) scale(1.01);
  text-decoration: none;
}

/* Glow layer */
.exs-card-glow {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: 0;
  transition: opacity .35s ease;
  pointer-events: none;
}

.exs-card:hover .exs-card-glow { opacity: 1; }

/* Card number */
.exs-card-num {
  position: absolute;
  top: 1.4rem;
  right: 1.6rem;
  font-size: 3.5rem;
  font-weight: 900;
  line-height: 1;
  opacity: .08;
  user-select: none;
  pointer-events: none;
  transition: opacity .3s;
}

.exs-card:hover .exs-card-num { opacity: .13; }

/* Icon */
.exs-card-icon {
  width: 54px; height: 54px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  margin-bottom: 1.4rem;
  position: relative;
  z-index: 1;
}

/* Title */
.exs-card-title {
  font-size: 1.35rem;
  font-weight: 800;
  margin-bottom: .7rem;
  position: relative;
  z-index: 1;
}

/* Desc */
.exs-card-desc {
  font-size: .9rem;
  font-weight: 300;
  line-height: 1.65;
  margin-bottom: 1.6rem;
  position: relative;
  z-index: 1;
}

/* CTA */
.exs-card-cta {
  display: inline-flex;
  align-items: center;
  font-size: .85rem;
  font-weight: 700;
  letter-spacing: .04em;
  position: relative;
  z-index: 1;
  transition: gap .2s;
}

.exs-card:hover .exs-card-cta { gap: .4rem; }

/* ── Card variant: yellow ── */
.exs-card--yellow {
  background: linear-gradient(135deg, #1a1000 0%, #241600 50%, #1a0e00 100%);
  border: 1px solid rgba(255,205,0,.25);
  color: var(--exs-white);
  box-shadow: 0 4px 32px rgba(255,205,0,.08);
}

.exs-card--yellow:hover {
  box-shadow: 0 12px 48px rgba(255,205,0,.22), 0 0 0 1px rgba(255,205,0,.4);
  color: var(--exs-white);
}

.exs-card--yellow .exs-card-glow {
  background: radial-gradient(ellipse at 30% 20%, rgba(255,205,0,.15) 0%, transparent 65%);
}

.exs-card--yellow .exs-card-icon {
  background: rgba(255,205,0,.12);
  color: var(--exs-yellow);
  border: 1px solid rgba(255,205,0,.3);
}

.exs-card--yellow .exs-card-num { color: var(--exs-yellow); }

.exs-card--yellow .exs-card-title { color: var(--exs-yellow); }

.exs-card--yellow .exs-card-desc { color: rgba(255,255,255,.72); }

.exs-card--yellow .exs-card-cta {
  color: var(--exs-yellow);
  border-bottom: 1px solid rgba(255,205,0,.35);
  padding-bottom: 2px;
}

/* ── Card variant: purple ── */
.exs-card--purple {
  background: linear-gradient(135deg, #0e0628 0%, #170b3a 50%, #0e0628 100%);
  border: 1px solid rgba(124,58,237,.3);
  color: var(--exs-white);
  box-shadow: 0 4px 32px rgba(124,58,237,.1);
}

.exs-card--purple:hover {
  box-shadow: 0 12px 48px rgba(124,58,237,.3), 0 0 0 1px rgba(168,85,247,.5);
  color: var(--exs-white);
}

.exs-card--purple .exs-card-glow {
  background: radial-gradient(ellipse at 30% 20%, rgba(124,58,237,.25) 0%, transparent 65%);
}

.exs-card--purple .exs-card-icon {
  background: rgba(124,58,237,.18);
  color: var(--exs-purple2);
  border: 1px solid rgba(124,58,237,.4);
}

.exs-card--purple .exs-card-num { color: var(--exs-purple2); }

.exs-card--purple .exs-card-title { color: var(--exs-purple2); }

.exs-card--purple .exs-card-desc { color: rgba(255,255,255,.72); }

.exs-card--purple .exs-card-cta {
  color: var(--exs-purple2);
  border-bottom: 1px solid rgba(168,85,247,.4);
  padding-bottom: 2px;
}

/* ── Card variant: dark (liderazgo) ── */
.exs-card--dark {
  background: linear-gradient(135deg, #0a0a14 0%, #12121e 50%, #0a0a14 100%);
  border: 1px solid rgba(255,255,255,.1);
  color: var(--exs-white);
  box-shadow: 0 4px 32px rgba(0,0,0,.2);
}

.exs-card--dark:hover {
  box-shadow: 0 12px 48px rgba(255,255,255,.08), 0 0 0 1px rgba(255,255,255,.18);
  color: var(--exs-white);
}

.exs-card--dark .exs-card-glow {
  background: radial-gradient(ellipse at 30% 20%, rgba(255,255,255,.06) 0%, transparent 65%);
}

.exs-card--dark .exs-card-icon {
  background: rgba(255,255,255,.07);
  color: rgba(255,255,255,.85);
  border: 1px solid rgba(255,255,255,.15);
}

.exs-card--dark .exs-card-num { color: rgba(255,255,255,.6); }

.exs-card--dark .exs-card-title { color: var(--exs-white); }

.exs-card--dark .exs-card-desc { color: rgba(255,255,255,.65); }

.exs-card--dark .exs-card-cta {
  color: rgba(255,255,255,.85);
  border-bottom: 1px solid rgba(255,255,255,.2);
  padding-bottom: 2px;
}

/* ── Card variant: accent (salarial) ── */
.exs-card--accent {
  background: linear-gradient(135deg, #0a1a14 0%, #0d2318 50%, #0a1a14 100%);
  border: 1px solid rgba(34,197,94,.25);
  color: var(--exs-white);
  box-shadow: 0 4px 32px rgba(34,197,94,.06);
}

.exs-card--accent:hover {
  box-shadow: 0 12px 48px rgba(34,197,94,.18), 0 0 0 1px rgba(34,197,94,.4);
  color: var(--exs-white);
}

.exs-card--accent .exs-card-glow {
  background: radial-gradient(ellipse at 30% 20%, rgba(34,197,94,.14) 0%, transparent 65%);
}

.exs-card--accent .exs-card-icon {
  background: rgba(34,197,94,.12);
  color: #4ade80;
  border: 1px solid rgba(34,197,94,.3);
}

.exs-card--accent .exs-card-num { color: #4ade80; }

.exs-card--accent .exs-card-title { color: #4ade80; }

.exs-card--accent .exs-card-desc { color: rgba(255,255,255,.72); }

.exs-card--accent .exs-card-cta {
  color: #4ade80;
  border-bottom: 1px solid rgba(74,222,128,.35);
  padding-bottom: 2px;
}

/* ═══════════════════════════════════════
   CIERRE
   ═══════════════════════════════════════ */
.exs-cierre {
  position: relative;
  overflow: hidden;
  padding: 6rem 0;
  background: linear-gradient(180deg, var(--exs-dark2) 0%, var(--exs-dark) 100%);
  text-align: center;
}

.exs-cierre-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  position: relative;
  z-index: 2;
}

.exs-cierre-logo {
  height: 44px;
  width: auto;
  filter: brightness(0) invert(1) opacity(.55);
}

.exs-cierre-line {
  width: 80px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,205,0,.5), transparent);
}

.exs-cierre-phrase {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  margin: 0;
}

.exs-ph-light {
  display: block;
  font-size: clamp(1.4rem, 4vw, 2.2rem);
  font-weight: 300;
  color: rgba(255,255,255,.7);
  letter-spacing: .02em;
}

.exs-ph-bold {
  display: block;
  font-size: clamp(1.6rem, 4.5vw, 2.6rem);
  font-weight: 900;
  color: var(--exs-yellow);
  text-shadow: 0 0 32px rgba(255,205,0,.4);
  letter-spacing: .01em;
}

.exs-cierre-contact {
  font-size: .9rem;
  color: rgba(255,255,255,.5);
  margin: 0;
}

.exs-cierre-contact a {
  color: rgba(255,255,255,.7);
  text-decoration: none;
  transition: color .2s;
}

.exs-cierre-contact a:hover { color: var(--exs-yellow); }

/* ═══════════════════════════════════════
   FOOTER (reuse from main site)
   ═══════════════════════════════════════ */
.ta-footer {
  background: #07051a;
  border-top: 1px solid rgba(255,255,255,.06);
}

.ta-footer-top { padding: 4rem 0 3rem; }

.ta-footer-logo {
  height: 40px;
  width: auto;
  margin-bottom: 1rem;
  filter: brightness(0) invert(1) opacity(.8);
}

.ta-footer-heading {
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--exs-yellow);
  margin-bottom: 1.1rem;
}

.ta-footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

.ta-footer-links a {
  color: rgba(255,255,255,.55);
  text-decoration: none;
  font-size: .85rem;
  transition: color .2s;
}

.ta-footer-links a:hover { color: var(--exs-yellow); }

.ta-social { display: flex; gap: .6rem; flex-wrap: wrap; }

.ta-social-btn-sm {
  width: 36px; height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.15);
  color: rgba(255,255,255,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  text-decoration: none;
  transition: background .2s, color .2s, border-color .2s, transform .2s;
}

.ta-social-btn-sm:hover {
  background: var(--exs-yellow);
  color: #07051a;
  border-color: var(--exs-yellow);
  transform: translateY(-2px);
}

.ta-btn-yellow {
  background: var(--exs-yellow);
  color: #07051a;
  font-weight: 700;
  border: none;
  border-radius: 10px;
  padding: .7rem 1.4rem;
  font-size: .9rem;
  transition: filter .2s, transform .2s;
  text-decoration: none;
}

.ta-btn-yellow:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  color: #07051a;
}

.ta-footer-bottom {
  padding: 1.1rem 0;
  border-top: 1px solid rgba(255,255,255,.06);
}

/* ═══════════════════════════════════════
   ANIMATIONS
   ═══════════════════════════════════════ */
@keyframes exsFadeDown {
  from { opacity: 0; transform: translateY(-20px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes exsFadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ═══════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════ */
@media (max-width: 767.98px) {
  .exs-hero { padding: 5rem 0 4rem; min-height: auto; }

  .exs-logo-wrap { flex-direction: column; gap: .6rem; }

  .exs-greeting { flex-direction: column; gap: .2rem; }

  .exs-logo { height: 42px; }

  .exs-card { padding: 1.8rem 1.5rem; }

  .exs-card-title { font-size: 1.15rem; }

  .exs-cierre { padding: 4.5rem 0; }

  .exs-cierre-line { width: 50px; }

  .exs-cierre-contact {
    display: flex;
    flex-direction: column;
    gap: .4rem;
  }

  .ta-footer-top { padding: 3rem 0 2rem; }
}

@media (max-width: 480px) {
  .exs-chips { gap: .45rem; }
  .exs-chip  { font-size: .76rem; padding: .38rem .8rem; }
}

/* ═══════════════════════════════════════
   FORMULARIO DE CONTACTO
   ═══════════════════════════════════════ */
.exs-form-section {
  position: relative;
  z-index: 1;
  padding: 6rem 0 7rem;
  background: linear-gradient(180deg, var(--exs-dark2) 0%, #0f0535 100%);
}

.exs-form-accent {
  color: var(--exs-yellow);
  text-shadow: 0 0 28px rgba(255,205,0,.45);
}

.exs-form-sub {
  font-size: .97rem;
  font-weight: 300;
  color: rgba(255,255,255,.6);
  max-width: 500px;
  margin: 1rem auto 0;
  line-height: 1.72;
}

.exs-form-card {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 24px;
  padding: 2.8rem 2.4rem;
  backdrop-filter: blur(10px);
}

.exs-form-label {
  display: block;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.65);
  margin-bottom: .5rem;
}

.exs-form-input {
  width: 100%;
  background: rgba(255,255,255,.07);
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  padding: .85rem 1.1rem;
  color: #fff;
  font-family: var(--exs-font);
  font-size: .95rem;
  font-weight: 400;
  outline: none;
  transition: border-color .25s, background .25s, box-shadow .25s;
  -webkit-appearance: none;
}

.exs-form-input::placeholder { color: rgba(255,255,255,.3); }

.exs-form-input:focus {
  border-color: var(--exs-yellow);
  background: rgba(255,205,0,.06);
  box-shadow: 0 0 0 3px rgba(255,205,0,.15);
}

.exs-form-input.exs-input-error {
  border-color: #e52c39;
  box-shadow: 0 0 0 3px rgba(229,44,57,.15);
}

.exs-form-textarea { resize: vertical; min-height: 110px; }

.exs-form-error {
  font-size: .78rem;
  color: #ff6b6b;
  margin-top: .35rem;
  display: none;
}

.exs-form-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  background: var(--exs-yellow);
  color: #07051a;
  font-family: var(--exs-font);
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: .03em;
  border: none;
  border-radius: 14px;
  padding: 1rem 2rem;
  cursor: pointer;
  transition: filter .2s, transform .2s, box-shadow .2s;
  box-shadow: 0 6px 24px rgba(255,205,0,.3);
}

.exs-form-btn:hover {
  filter: brightness(1.08);
  transform: translateY(-2px);
  box-shadow: 0 12px 36px rgba(255,205,0,.4);
}

.exs-form-success {
  text-align: center;
  padding: 2.5rem 1rem;
}

.exs-success-icon {
  font-size: 3.5rem;
  color: var(--exs-yellow);
  text-shadow: 0 0 32px rgba(255,205,0,.5);
  margin-bottom: 1rem;
}

.exs-form-success h4 {
  font-size: 1.3rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: .75rem;
}

.exs-form-success p {
  font-size: .95rem;
  color: rgba(255,255,255,.6);
  font-weight: 300;
  max-width: 380px;
  margin: 0 auto;
  line-height: 1.7;
}

@media (max-width: 575.98px) {
  .exs-form-card { padding: 2rem 1.5rem; }
}