/* =========================================================
   Forozande Landing v1.1.0
   - Blocksy-friendly
   - Responsive
   - True Dark/Light + Auto
   - Motion with prefers-reduced-motion support
   - Fully namespaced: .fzld
========================================================= */

.fzld{
  /* Theme tokens (dark default) */
  --fzld-bg: #03040a;
  --fzld-surface: rgba(255,255,255,.075);
  --fzld-surface2: rgba(255,255,255,.115);
  --fzld-stroke: rgba(255,255,255,.16);
  --fzld-text: rgba(255,255,255,.93);
  --fzld-muted: rgba(255,255,255,.76);
  --fzld-muted2: rgba(255,255,255,.62);
  --fzld-shadow: 0 18px 60px rgba(0,0,0,.42);

  --fzld-accent: #39d6ff;
  --fzld-accent2:#a78bfa;
  --fzld-ok:#34d399;
  --fzld-warn:#fbbf24;

  --fzld-r: 18px;
  --fzld-r2: 26px;

  --fzld-max: 1180px;

  direction: rtl;
  color: var(--fzld-text);
  font-family: "Vazirmatn", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Arabic", Arial, sans-serif; /* Vazirmatn + match Blocksy */
  text-rendering: geometricPrecision;

  position: relative;
  isolation: isolate;
  border-radius: var(--fzld-r2);
}

/* Light theme */
.fzld[data-theme="light"]{
  --fzld-bg: #ffffff;
  --fzld-surface: rgba(2,6,23,.045);
  --fzld-surface2: rgba(2,6,23,.075);
  --fzld-stroke: rgba(2,6,23,.14);
  --fzld-text: rgba(2,6,23,.92);
  --fzld-muted: rgba(2,6,23,.78);
  --fzld-muted2: rgba(2,6,23,.62);
  --fzld-shadow: 0 18px 56px rgba(2,6,23,.10);
}

/* Container width strategy */
.fzld[data-fzld-container="theme"] .fzld-shell{
  /* Blocksy-friendly: keep within theme container but also cap width */
  width: min(100%, var(--fzld-max));
  margin: 0 auto;
  padding: 18px 14px 36px;
}
.fzld[data-fzld-container="full"] .fzld-shell{
  max-width: var(--fzld-max);
  margin: 0 auto;
  padding: 18px 14px 36px;
}

/* Background layer (animated, but safe) */
.fzld-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius: inherit;
  background: radial-gradient(1200px 700px at 20% 10%, rgba(57,214,255,.08), transparent 55%),
              radial-gradient(900px 620px at 82% 20%, rgba(167,139,250,.08), transparent 55%),
              radial-gradient(900px 620px at 64% 98%, rgba(52,211,153,.06), transparent 60%),
              linear-gradient(180deg, color-mix(in srgb, var(--fzld-bg) 92%, #000), var(--fzld-bg));
}
@supports not (color-mix(in srgb, #fff 10%, #000)){
  .fzld-bg{
    background: radial-gradient(1200px 700px at 20% 10%, rgba(57,214,255,.10), transparent 55%),
                radial-gradient(900px 620px at 82% 20%, rgba(167,139,250,.10), transparent 55%),
                radial-gradient(900px 620px at 64% 98%, rgba(52,211,153,.08), transparent 60%),
                linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.0));
  }
}

.fzld-blob{
  position:absolute;
  width: 520px; height: 520px;
  border-radius: 999px;
  filter: blur(34px);
  opacity: .55;
  transform: translate3d(0,0,0);
  will-change: transform;
  mix-blend-mode: screen;
}
.fzld[data-theme="light"] .fzld-blob{
  mix-blend-mode: multiply;
  opacity: .28;
}
.fzld-blob.b1{
  left:-160px; top:-180px;
  background: radial-gradient(circle at 30% 30%, rgba(57,214,255,.55), rgba(57,214,255,0));
  animation: fzldFloat1 10s ease-in-out infinite;
}
.fzld-blob.b2{
  right:-180px; top:-120px;
  background: radial-gradient(circle at 40% 40%, rgba(167,139,250,.55), rgba(167,139,250,0));
  animation: fzldFloat2 12s ease-in-out infinite;
}
.fzld-blob.b3{
  right:10%; bottom:-280px;
  background: radial-gradient(circle at 40% 40%, rgba(52,211,153,.42), rgba(52,211,153,0));
  animation: fzldFloat3 14s ease-in-out infinite;
}

.fzld-grid{
  position:absolute; inset:-2px;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px);
  background-size: 56px 56px;
  opacity: .08;
  mask-image: radial-gradient(60% 50% at 50% 30%, #000 60%, transparent 100%);
}
.fzld[data-theme="light"] .fzld-grid{ opacity: .10; background-image:
    linear-gradient(to right, rgba(2,6,23,.10) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(2,6,23,.10) 1px, transparent 1px);
}

/* Motion reduction */
@media (prefers-reduced-motion: reduce){
  .fzld-blob{ animation: none !important; }
  .fzld-reveal{ transition: none !important; transform: none !important; opacity: 1 !important; }
  .fzld *{ scroll-behavior: auto !important; }
}

/* Shell */
.fzld-shell{
  position:relative;
  z-index: 2;
}

/* Blocksy can style buttons/links; we reset only what we need */
.fzld a, .fzld button{
  font-family: inherit;
}
.fzld a{ text-decoration: none; color: inherit; }
.fzld button{
  appearance: none;
  border: none;
  background: none;
  padding: 0;
}

/* Top bar */
.fzld-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding: 10px 2px 18px;
}
@media (max-width: 860px){
  .fzld-top{ flex-direction: column; align-items: stretch; }
}

.fzld-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width: 240px;
}
.fzld-mark{
  width: 46px; height: 46px;
  border-radius: 18px;
  position:relative;
  background: linear-gradient(135deg, rgba(57,214,255,.95), rgba(167,139,250,.92));
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
  border: 1px solid rgba(255,255,255,.20);
}
.fzld-mark-inner{
  position:absolute; inset:10px;
  border-radius: 14px;
  border:1px solid rgba(255,255,255,.55);
  opacity: .32;
  background: radial-gradient(12px 12px at 30% 25%, rgba(255,255,255,.55), rgba(255,255,255,0) 65%);
}
.fzld-name{
  font-weight: 900;
  letter-spacing: -.2px;
  font-size: 18px;
  line-height: 1.2;
}
.fzld-sub{
  font-size: 12px;
  color: var(--fzld-muted);
  margin-top: 3px;
  line-height: 1.4;
}

.fzld-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
@media (max-width: 860px){
  .fzld-actions{ justify-content: flex-start; }
}

.fzld-btn, .fzld-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;

  padding: 10px 14px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 14px;

  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  color: var(--fzld-text);

  box-shadow: 0 14px 38px rgba(0,0,0,.14);
  cursor:pointer;
  user-select:none;

  transition: transform .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.fzld-btn:hover, .fzld-toggle:hover{
  transform: translateY(-1px);
  background: var(--fzld-surface2);
  border-color: color-mix(in srgb, var(--fzld-stroke) 30%, rgba(255,255,255,.35));
  box-shadow: 0 18px 42px rgba(0,0,0,.18);
}
.fzld-btn:active, .fzld-toggle:active{ transform: translateY(0px) scale(.99); }

.fzld-btn-primary{
  border-color: color-mix(in srgb, var(--fzld-accent) 30%, var(--fzld-stroke));
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--fzld-accent) 18%, transparent),
    color-mix(in srgb, var(--fzld-accent2) 16%, transparent)
  );
  box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 28px 90px rgba(57,214,255,.10);
}
.fzld-arrow{ opacity:.9; }

.fzld-toggle{
  font-weight: 800;
}
.fzld-toggle-ico{
  width: 14px; height: 14px; border-radius: 50%;
  background: var(--fzld-accent);
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--fzld-accent) 16%, transparent);
}
.fzld[data-theme="light"] .fzld-toggle-ico{
  background: #111827;
  box-shadow: 0 0 0 7px rgba(17,24,39,.08);
}

/* Hero */
.fzld-hero{
  display:grid;
  grid-template-columns: 1.25fr .85fr;
  gap: 14px;
  align-items: stretch;
}
@media (max-width: 980px){
  .fzld-hero{ grid-template-columns: 1fr; }
}

.fzld-heroMain, .fzld-card, .fzld-box, .fzld-project{
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  border-radius: var(--fzld-r2);
  padding: 18px;
  box-shadow: var(--fzld-shadow);
  backdrop-filter: blur(12px);
}

.fzld-card-glow{
  box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 28px 100px rgba(167,139,250,.10), var(--fzld-shadow);
}

.fzld-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;

  font-size: 12px;
  color: var(--fzld-muted);

  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  padding: 8px 10px;
  border-radius: 999px;
}
.fzld-kdot{
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--fzld-ok);
  box-shadow: 0 0 0 7px color-mix(in srgb, var(--fzld-ok) 14%, transparent);
}
.fzld-sep{ opacity:.65; }

.fzld-title{
  margin: 12px 0 10px;
  font-weight: 950;
  font-size: clamp(26px, 3.5vw, 44px);
  line-height: 1.22;
  letter-spacing: -0.35px;
}
.fzld-accent{ color: var(--fzld-accent); }
.fzld-accent2{ color: var(--fzld-accent2); }

.fzld-lead{
  margin: 0 0 14px;
  color: var(--fzld-muted);
  font-size: 15px;
  line-height: 1.95;
}

.fzld-chiprow{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top: 10px;
}
.fzld-chip{
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  padding: 8px 10px;
  border-radius: 999px;
  font-size: 13px;
  color: var(--fzld-muted);
  transition: transform .16s ease, background .16s ease;
}
.fzld-chip:hover{ transform: translateY(-1px); background: var(--fzld-surface2); }
.fzld-chip b{ color: var(--fzld-text); font-weight: 900; }

.fzld-cta{
  display:flex; flex-wrap:wrap; gap:10px;
  margin-top: 14px;
}

/* Side metrics */
.fzld-cardTitle{
  font-weight: 950;
  font-size: 16px;
  letter-spacing: -.2px;
  margin-bottom: 10px;
}
.fzld-metrics{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:10px;
}
@media (max-width: 520px){ .fzld-metrics{ grid-template-columns: 1fr; } }

.fzld-metric{
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  border-radius: 18px;
  padding: 12px;
  transition: transform .18s ease, background .18s ease;
}
.fzld-metric:hover{ transform: translateY(-1px); background: var(--fzld-surface2); }

.fzld-metricBig{
  font-size: 18px;
  font-weight: 950;
  letter-spacing: -.2px;
}
.fzld-metricSmall{
  font-size: 12px;
  color: var(--fzld-muted);
  margin-top: 2px;
  line-height: 1.55;
}
.fzld-miniNote{
  margin-top: 12px;
  font-size: 12px;
  color: var(--fzld-muted2);
  line-height: 1.75;
}

/* Sections */
.fzld-section{ padding: 22px 2px 0; }
.fzld-sectionHead{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom: 10px;
}
.fzld-sectionHead h3{
  margin:0;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.2px;
}
.fzld-sectionHead p{
  margin:0;
  color: var(--fzld-muted);
  font-size: 13px;
  max-width: 62ch;
}

.fzld-grid3{ display:grid; grid-template-columns: repeat(3, 1fr); gap:12px; }
@media (max-width: 980px){ .fzld-grid3{ grid-template-columns: 1fr; } }

.fzld-grid2{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
@media (max-width: 980px){ .fzld-grid2{ grid-template-columns: 1fr; } }

.fzld-box h4, .fzld-project h4{
  margin:0 0 8px;
  font-size: 16px;
  font-weight: 950;
  letter-spacing: -.15px;
}
.fzld-box p, .fzld-project p{
  margin:0;
  color: var(--fzld-muted);
  font-size: 13px;
  line-height: 1.95;
}

.fzld-list{
  margin: 10px 0 0;
  padding: 0 18px 0 0;
  color: var(--fzld-muted);
  font-size: 13px;
}
.fzld-list li{ margin: 6px 0; line-height: 1.85; }

.fzld-projectTop{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom: 8px;
}

.fzld-badge{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  font-weight: 850;
}
.fzld-badge.ok{ border-color: color-mix(in srgb, var(--fzld-ok) 30%, var(--fzld-stroke)); }
.fzld-badge.warn{ border-color: color-mix(in srgb, var(--fzld-warn) 35%, var(--fzld-stroke)); }
.fzld-badge.info{ border-color: color-mix(in srgb, var(--fzld-accent) 30%, var(--fzld-stroke)); }

.fzld-pills{ display:flex; flex-wrap:wrap; gap:8px; margin-top: 12px; }
.fzld-pill{
  font-size: 12px;
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  padding: 6px 10px;
  border-radius: 999px;
  color: var(--fzld-muted);
}

/* Callout */
.fzld-callout{
  margin-top: 12px;
  border:1px solid color-mix(in srgb, var(--fzld-accent) 28%, var(--fzld-stroke));
  background: linear-gradient(135deg,
    color-mix(in srgb, var(--fzld-accent) 12%, transparent),
    color-mix(in srgb, var(--fzld-accent2) 10%, transparent)
  );
  border-radius: var(--fzld-r2);
  padding: 14px 16px;
}
.fzld-calloutTitle{ font-weight: 950; letter-spacing:-.2px; margin-bottom: 4px; }
.fzld-calloutText{ color: var(--fzld-muted); font-size: 13px; line-height: 1.9; }

/* Contact */
.fzld-contact{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
@media (max-width: 980px){ .fzld-contact{ grid-template-columns: 1fr; } }

.fzld-contactRow{
  display:grid;
  grid-template-columns: 130px 1fr;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid var(--fzld-stroke);
}
@media (max-width: 520px){
  .fzld-contactRow{ grid-template-columns: 1fr; gap:4px; }
}
.fzld-contactRow:last-child{ border-bottom:none; }
.fzld-contactKey{ color: var(--fzld-muted2); font-size: 12px; }
.fzld-contactVal{ color: var(--fzld-text); font-size: 13px; }
.fzld-link{
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  opacity: .95;
}
.fzld-mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.fzld-linkbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface);
  color: var(--fzld-text);
  border-radius: 12px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 850;
  cursor:pointer;
  margin-left: 8px;
  transition: transform .14s ease, background .14s ease;
}
.fzld-linkbtn:hover{ transform: translateY(-1px); background: var(--fzld-surface2); }

.fzld-toast{
  position:absolute;
  left: 14px;
  bottom: 14px;
  padding: 8px 10px;
  border-radius: 12px;
  border:1px solid var(--fzld-stroke);
  background: var(--fzld-surface2);
  color: var(--fzld-text);
  font-size: 12px;
  font-weight: 850;
  opacity: 0;
  transform: translateY(6px);
  pointer-events:none;
  transition: opacity .18s ease, transform .18s ease;
}
.fzld-toast.on{ opacity:1; transform: translateY(0); }

.fzld-footerNote{
  margin-top: 12px;
  color: var(--fzld-muted2);
  font-size: 12px;
  line-height: 1.75;
}

/* Keyframes for blobs */
@keyframes fzldFloat1{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(34px, 26px, 0) scale(1.06); }
}
@keyframes fzldFloat2{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(-28px, 34px, 0) scale(1.05); }
}
@keyframes fzldFloat3{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%{ transform: translate3d(22px, -28px, 0) scale(1.08); }
}


/* Reveal animation (JS-gated so content is never invisible before JS runs) */
.fzld.fzld-js .fzld-reveal{
  opacity: 0;
  transform: translateY(10px) scale(.99);
  transition: opacity .55s ease, transform .55s ease;
}
.fzld.fzld-js .fzld-reveal.on{
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* ====== Forozande v1.2.0 tweaks ====== */
.fzld-logo{width:46px;height:46px;object-fit:contain;border-radius:14px;border:1px solid var(--fzld-stroke);background:var(--fzld-surface);padding:6px;}
.fzld-sheen{position:absolute;inset:-40% -20%;background:radial-gradient(40% 18% at 30% 20%, rgba(255,255,255,.16), rgba(255,255,255,0) 60%);transform:rotate(-8deg);opacity:.16;mix-blend-mode:overlay;pointer-events:none;}
.fzld[data-theme="light"] .fzld-sheen{opacity:.10;}
.fzld-title{background:linear-gradient(90deg, rgba(255,255,255,.98), rgba(255,255,255,.70));-webkit-background-clip:text;background-clip:text;color:transparent;}
.fzld[data-theme="light"] .fzld-title{background:linear-gradient(90deg, rgba(2,6,23,.95), rgba(2,6,23,.70));-webkit-background-clip:text;background-clip:text;color:transparent;}
.fzld-sectionHead h2{font-size:22px;font-weight:950;letter-spacing:-.2px;}
.fzld-miniLink{margin-top:10px;}



/* ===== FIX v1.2.1 Readability & Font ===== */

.fzld, .fzld * {
  font-family: "Vazirmatn", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
}

.fzld {
  background: #05070f !important;
  color: #f1f5f9 !important;
}

.fzld h1, 
.fzld h2, 
.fzld h3, 
.fzld p, 
.fzld li, 
.fzld span, 
.fzld div {
  color: #f1f5f9 !important;
}

.fzld-card,
.fzld-box,
.fzld-project {
  background: #0e1324 !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

.fzld-btn {
  color: #ffffff !important;
}

.fzld-sectionHead h2 {
  color: #ffffff !important;
  font-weight: 800 !important;
}

body.dark .fzld {
  background: #05070f !important;
}


/* ===== Language Switch ===== */

.fzld-langswitch{display:inline-flex;align-items:center;gap:8px;padding:6px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:rgba(14,19,36,.6);backdrop-filter: blur(10px);}
.fzld-langbtn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:30px;border-radius:999px;font-weight:800;text-decoration:none;color:#fff;opacity:.75;transition:opacity .15s ease, transform .15s ease, background .15s ease;}
.fzld-langbtn:hover{opacity:1;transform:translateY(-1px);}
.fzld[data-fzld-lang="fa"] .fzld-langbtn[data-fzld-lang="fa"],
.fzld[data-fzld-lang="en"] .fzld-langbtn[data-fzld-lang="en"]{opacity:1;background:rgba(255,255,255,.10);}
.fzld-lang-en{display:none;}
.fzld[data-fzld-lang="en"] .fzld-lang-fa{display:none;}
.fzld[data-fzld-lang="en"] .fzld-lang-en{display:block;}
.fzld[data-fzld-lang="en"] .fzld-shell{direction:ltr;}


/* ===== v1.3.2 Spacing Fix ===== */
.fzld-grid3,
.fzld-grid2{
  gap: 32px !important;
  margin-top: 28px;
}

.fzld-box,
.fzld-project{
  padding: 36px !important;
}

.fzld-section{
  margin-bottom: 80px;
}

.fzld-sectionHead{
  margin-bottom: 32px;
}

@media (max-width: 980px){
  .fzld-grid3,
  .fzld-grid2{
    gap: 22px !important;
  }
}


/* ===== v1.4.0 Contact Form ===== */
.fzld-contact-form{
  margin-top:50px;
  padding:40px;
  background:rgba(15,25,55,.6);
  border-radius:18px;
  backdrop-filter: blur(12px);
}

.fzld-form-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
  gap:18px;
  margin-bottom:18px;
}

.fzld-contact-form input,
.fzld-contact-form textarea{
  width:100%;
  padding:14px 16px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.15);
  background:rgba(0,0,0,.35);
  color:#fff;
  font-family:inherit;
}

.fzld-contact-form input:focus,
.fzld-contact-form textarea:focus{
  outline:none;
  border-color:#6ea8fe;
}


/* ===== v1.4.4 Contact Form Polish ===== */
.fzld-contact-form{
  position:relative;
  border-radius:24px;
  padding:44px 42px;
  background: linear-gradient(180deg, rgba(18,26,52,.82), rgba(10,14,28,.78));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow:
    0 20px 60px rgba(0,0,0,.45),
    0 1px 0 rgba(255,255,255,.06) inset;
  overflow:hidden;
}

.fzld-contact-form::before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(60% 60% at 20% 10%, rgba(120,170,255,.22), rgba(0,0,0,0) 55%),
              radial-gradient(60% 60% at 80% 30%, rgba(0,255,200,.12), rgba(0,0,0,0) 60%);
  pointer-events:none;
  filter: blur(18px);
  opacity:.85;
}

.fzld-contact-form form{
  position:relative;
  z-index:1;
}

.fzld-contact-form input,
.fzld-contact-form textarea{
  border-radius:14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(3,5,12,.55);
  box-shadow: 0 1px 0 rgba(255,255,255,.06) inset;
  transition: border-color .2s ease, transform .15s ease, background .2s ease;
}

.fzld-contact-form input:hover,
.fzld-contact-form textarea:hover{
  border-color: rgba(140,185,255,.28);
}

.fzld-contact-form input:focus,
.fzld-contact-form textarea:focus{
  border-color: rgba(140,185,255,.55);
  background: rgba(3,5,12,.68);
}

.fzld-contact-form textarea{min-height: 160px; resize: vertical;}

.fzld-contact-form button[type="submit"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin: 22px auto 0;
  min-width: 180px;
  padding: 12px 18px;
}

.fzld-contact-form .fzld-btn-primary{
  border-radius:999px !important;
}

@media (max-width: 640px){
  .fzld-contact-form{padding:36px 18px;border-radius:20px;}
  .fzld-contact-form button[type="submit"]{width:100%;}
}