.contact26{ background:#fff; }

.contact26-hero{
  background: linear-gradient(180deg,#0b1040 0%,#0d2c66 60%,#003883 100%);
  color:#fff;
  padding: 46px 0 54px;
}
.contact26-hero-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
  align-items:center;
}
@media (max-width:980px){ .contact26-hero-grid{ grid-template-columns:1fr; } }

.contact26-hero-eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  padding:6px 12px; border-radius:999px;
  background: rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  font:800 12px/1 Inter; width: fit-content;
}
.contact26-hero-eyebrow .dot{
  width:10px;height:10px;border-radius:999px;
  background: linear-gradient(90deg,#3a5fff,#06b6d4);
}
.contact26-hero-title{
  margin: 14px 0 8px;
  font: 700 clamp(26px,4.6vw,38px)/1.08 Inter;
  letter-spacing:-.02em;
}
.contact26-hero-sub{
  margin:0; color:#dbeafe; max-width: 820px;
  font: 500 15px/1.65 Inter;
}
.contact26-hero-actions{
  display:flex; gap: 12px; flex-wrap:wrap; margin-top: 18px;
}

.contact26 .btn{
  display:inline-flex; align-items:center; justify-content:center;
  height: 44px; padding: 0 16px; border-radius: 10px;
  text-decoration:none; font: 700 13px/1 Inter;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  color:#fff;
}
.contact26 .btn.primary{
  border: none;
  background: linear-gradient(90deg,#3a5fff,#06b6d4);
  box-shadow: 0 14px 30px rgba(58,95,255,.22);
}
.contact26 .btn.primary:hover{ transform: translateY(-1px); }
.contact26 .btn.ghost{ background: rgba(255,255,255,.08); }
.contact26 .btn.ghost.light{ border-color: rgba(255,255,255,.18); }

.contact26-hero-card{
  position: relative;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.16), transparent 55%),
    radial-gradient(circle at 70% 70%, rgba(6,182,212,.20), transparent 55%);
  overflow:hidden;
  padding: 16px;
  min-height: 220px;
}
.contact26-hero-card .orb{
  position:absolute; inset:-60px -80px auto auto;
  width: 220px; height: 220px; border-radius: 999px;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), rgba(255,255,255,0) 60%),
    radial-gradient(circle at 70% 70%, rgba(58,95,255,.35), rgba(58,95,255,0) 60%);
  opacity:.9;
}
.contact26-hero-card h3{
  position:relative;
  margin:0 0 10px;
  font: 800 15px/1.2 Inter;
}
.contact26-hero-card p{
  position:relative;
  margin:0 0 12px;
  color:#dbeafe;
  font: 500 13.5px/1.65 Inter;
}
.contact26-hero-card ul{
  position:relative;
  margin:0; padding:0; list-style:none;
  display:grid; gap: 10px;
}
.contact26-hero-card li{
  display:flex; gap: 12px; align-items:flex-start;
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
}
.contact26-hero-card .k{
  min-width: 92px;
  color:#c7d2fe;
  font: 800 12px/1.2 Inter;
}
.contact26-hero-card .v{
  color:#fff;
  font: 600 12.5px/1.5 Inter;
  word-break: break-word;
}
.contact26-hero-card .v a{ color:#fff; text-decoration:none; border-bottom:1px dashed rgba(255,255,255,.45); }
.contact26-hero-card .v a:hover{ border-bottom-color:#fff; }

.contact26-section{ padding: 30px 0 34px; }
.contact26-alt{
  background: #f7f9ff;
  border-top:1px solid rgba(2,6,23,.06);
  border-bottom:1px solid rgba(2,6,23,.06);
}

.contact26-card{
  background:#fff;
  border:1px solid rgba(27,43,235,.10);
  border-radius: 16px;
  box-shadow: 0 12px 28px rgba(19,25,90,.10);
  overflow:hidden;
  padding: 16px;
}
.contact26-card-title{
  font: 800 15px/1.2 Inter;
  color:#0b1040;
  margin-bottom: 10px;
}
.contact26-card-sub{
  font: 700 13px/1.2 Inter;
  color:#0b1040;
  margin: 0 0 10px;
}
.contact26-sep{
  height:1px;
  background: rgba(2,6,23,.08);
  margin: 14px 0;
}

.contact26-grid{
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 16px;
  align-items:start;
}
@media (max-width:980px){ .contact26-grid{ grid-template-columns:1fr; } }

.contact26-form{
  display:grid;
  gap: 12px;
}
.contact26-row2{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
@media (max-width:640px){ .contact26-row2{ grid-template-columns:1fr; } }

.contact26-field label{
  display:block;
  margin: 0 0 6px;
  color:#0f172a;
  font: 800 12px/1.2 Inter;
}
.contact26-field .hint{
  margin-top: 6px;
  color:#64748b;
  font: 600 12px/1.35 Inter;
}
.contact26-input,
.contact26-select,
.contact26-textarea{
  width: 100%;
  border-radius: 12px;
  border: 1px solid rgba(2,6,23,.10);
  background: #fff;
  color:#0f172a;
  font: 500 14px/1.4 Inter;
  padding: 12px 12px;
  outline: none;
}
.contact26-textarea{ min-height: 140px; resize: vertical; }
.contact26-input:focus,
.contact26-select:focus,
.contact26-textarea:focus{
  border-color: rgba(58,95,255,.45);
  box-shadow: 0 0 0 4px rgba(58,95,255,.12);
}

.contact26-badge{
  display:inline-flex;
  width: fit-content;
  padding: 6px 10px;
  border-radius: 999px;
  background:#f2f5fd;
  border: 1px solid rgba(2,6,23,.06);
  color:#475569;
  font: 800 12px/1 Inter;
}

.contact26-actions{
  display:flex; gap: 10px; flex-wrap: wrap; align-items:center;
  margin-top: 2px;
}
.contact26-actions .btn{
  border: 1px solid rgba(2,6,23,.10);
  background:#fff;
  color:#0b1040;
  height: 44px;
}
.contact26-actions .btn.primary{
  border: none;
  color:#fff;
  background: linear-gradient(90deg,#3a5fff,#06b6d4);
}
.contact26-actions .btn:hover{ transform: translateY(-1px); }
.contact26-small{
  color:#64748b;
  font: 600 12px/1.5 Inter;
}
.contact26-required{
  color:#ef4444;
  font-weight:900;
  margin-left: 4px;
}
.contact26-hidden{ display:none !important; }

.contact26-mini{
  display:grid;
  gap: 12px;
}
.contact26-note{
  display:inline-flex;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(2,6,23,.08);
  background: #f3fbff;
  color:#0f172a;
  font: 600 13px/1.55 Inter;
}
.contact26-kv{
  list-style:none; margin:0; padding:0;
  display:grid; gap: 10px;
}
.contact26-kv li{ display:flex; gap: 12px; align-items:flex-start; }
.contact26-kv .k{
  min-width: 120px;
  color:#64748b;
  font: 800 12px/1.35 Inter;
}
.contact26-kv .v{
  color:#0f172a;
  font: 600 13px/1.55 Inter;
}
.contact26-a{
  color:#0d2c66;
  text-decoration:none;
  font-weight:800;
}
.contact26-a:hover{
  color:#003883;
  text-decoration: underline;
  text-underline-offset:3px;
}

.contact26-counter{
  display:flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 6px;
  color:#64748b;
  font: 700 12px/1.2 Inter;
}
.contact26-counter .warn{ color:#b45309; }