:root{
  --bg:#f5f7fb; --ink:#0f172a; --muted:#64748b;
  --brand:#1e90ff; --brand-2:#00c2c7; --card:#ffffff;
  --ring:rgba(59,130,246,.2); --shadow:0 12px 28px rgba(2,6,23,.08);
}

.call-wrap{background:var(--bg); padding:64px 0 92px; color:var(--ink);}
.call-container{width:min(980px,94%); margin:0 auto;}
.call-head{text-align:center; margin-bottom:22px;}
.call-head h1{font-size:clamp(32px,4.6vw,52px); margin:0 0 6px;}
.call-head h1 span{
  background:linear-gradient(90deg,var(--brand),var(--brand-2));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.call-head p{color:var(--muted);}
/* 
.call-card{background:var(--card); border:1px solid #eef2f7; border-radius:16px; box-shadow:var(--shadow); padding:22px 24px;} */
.call-form label{display:block; font-size:13px; color:#334155; margin-bottom:14px;}
.call-form .req{color:#ef4444; margin-left:4px;}

.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.grid-3{display:grid; grid-template-columns:1fr 1fr 1fr; gap:14px;}

input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="time"], select, textarea{
  width:100%; margin-top:8px; padding:12px 10px; font-size:14px; background:#fff; color:#0f172a;
  border:1px solid #e5e7eb; border-radius:10px; outline:none;
  transition:border-color .15s, box-shadow .15s, background .15s;
}
textarea{resize:vertical;}
input:focus, select:focus, textarea:focus{border-color:#3b82f6; box-shadow:0 0 0 4px var(--ring); background:#f9fbff;}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator{opacity:.85; cursor:pointer; transition:opacity .2s;}
input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="time"]::-webkit-calendar-picker-indicator:hover{opacity:1;}

.call-btn{
  width:100%; padding:12px 18px; border:none; border-radius:10px; color:#fff; font-weight:600; cursor:pointer;
  background:linear-gradient(90deg,#2a64f6,#19b2f2);
  box-shadow:0 8px 18px rgba(32,112,244,.25); transition:transform .12s, box-shadow .12s;
}
.call-btn:hover{transform:translateY(-1px); box-shadow:0 10px 22px rgba(32,112,244,.35);}
.counter{display:block; text-align:right; color:#94a3b8; margin-top:6px;}
.status{margin-top:10px; color:#64748b;}

@media (max-width:960px){
  .grid-2, .grid-3{grid-template-columns:1fr;}
}