@charset "UTF-8";
.lead-modal-overlay { position:fixed; inset:0; background:rgba(0,0,0,0.65); z-index:9999; display:none; align-items:center; justify-content:center; padding:16px; backdrop-filter:blur(6px); -webkit-backdrop-filter:blur(6px); overflow:hidden; box-sizing:border-box; }
.lead-modal-overlay.active { display:flex; }
.lead-modal-card { background:#fff; border-radius:16px; overflow:hidden; max-width:1000px; width:100%; display:flex; box-shadow:0 25px 60px rgba(0,0,0,0.28); position:relative; animation:leadModalIn 0.35s cubic-bezier(0.22,1,0.36,1) both; font-family:var(--font-modal); max-height:calc(100svh - 32px); }
.lead-modal-close-btn { font-family:var(--font-modal); position:absolute; top:12px; right:12px; z-index:50; background:#fff; border:2px solid #e0e0e0; border-radius:50%; height:36px; width:36px; min-width:36px; color:#333; font-size:20px; font-weight:400; display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px rgba(0,0,0,0.15); cursor:pointer; line-height:0; text-align:center; padding:0; margin:0; flex-shrink:0; transition:background 0.2s,box-shadow 0.2s,transform 0.2s; }
.lead-modal-close-btn:hover { background:#f5f5f5; box-shadow:0 4px 12px rgba(0,0,0,0.22); }
.lead-modal-left { width:42%; background:linear-gradient(160deg, #0F172A 0%, #14532D 100%); padding:40px 30px; position:relative; display:flex; align-items:flex-start; flex-shrink:0; overflow:hidden; animation:leadSlideLeft 0.4s 0.1s cubic-bezier(0.22,1,0.36,1) both; }
.lead-modal-left::before { content:""; position:absolute; top:-90px; right:-90px; width:240px; height:240px; background:radial-gradient(circle, rgba(34, 197, 94, 0.16) 0%, transparent 70%); pointer-events:none; }
.lead-modal-left > div { position:relative; z-index:1; }
.lead-modal-left .modal-logo { height:44px; width:auto; display:block; }
.lead-modal-left h3 { font-family:var(--font-modal); font-size:24px; line-height:1.3; color:#fff; font-weight: 700; letter-spacing:-0.02em; padding-top:26px; padding-bottom:12px; margin:0; }
.lead-modal-left h3 em { font-style:normal; color:var(--accent); }
.lead-modal-left p { font-family:var(--font-modal); font-size:14px; color:rgba(255,255,255,0.75); line-height:1.7; margin:0; }
.lead-modal-left .modal-price { display:inline-flex; align-items:baseline; gap:2px; margin-top:20px; font-family:var(--font-modal); background:rgba(34, 197, 94, 0.1); border:1px solid rgba(34, 197, 94, 0.28); border-radius:100px; padding:6px 14px; }
.lead-modal-left .modal-price b { font-size:17px; color:var(--accent); font-weight:500; }
.lead-modal-left .modal-price span { font-size:12px; color:rgba(255,255,255,0.55); margin-left:4px; }
.lead-modal-right { flex:1; padding:40px 36px 36px; background:#fff; position:relative; overflow-y:auto; overflow-x:hidden; min-height:0; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; }
.lead-modal-right, .lead-modal-right * { font-family:var(--font-modal); }
.lead-modal-right .form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:0; }
.lead-modal-right .form-group { margin-bottom:14px; }
.lead-modal-right .form-group label { display:block; font-size:13px; font-weight:600; color:#3a3a3a; margin-bottom:5px; }
.lead-modal-right .form-group input,
.lead-modal-right .form-group textarea { width:100%; padding:11px 14px; border:1.5px solid #e0e0e0; border-radius:8px; font-size:16px; color:#1a1a1a; background:#f9f9f9; outline:none; transition:border-color 0.2s,box-shadow 0.2s; box-sizing:border-box; font-family:var(--font-modal); -webkit-appearance:none; appearance:none; }
.lead-modal-right .form-group input:focus,
.lead-modal-right .form-group textarea:focus { border-color:var(--accent-deep); background:#fff; box-shadow:0 0 0 3px rgba(34, 197, 94, 0.14); }
.lead-modal-right .form-group input::placeholder,
.lead-modal-right .form-group textarea::placeholder { color:#9a9a9a; }
.lead-modal-right .form-group textarea { min-height:80px; resize:vertical; }
.lead-modal-right .form-group .iti { width:100%; }
.lead-modal-right .form-group .iti--allow-dropdown input[type="tel"] { padding-left:96px !important; }
.lead-modal-right .form-group .iti__flag-container { display:flex; align-items:center; }
.lead-modal-right .form-submit { display:block; width:100%; padding:14px; background:var(--primary); color:var(--accent); border:none; border-radius:10px; font-size:15px; font-weight:700; font-family:var(--font-modal); letter-spacing:0.01em; cursor:pointer; text-align:center; transition:background 0.15s, transform 0.15s, box-shadow 0.15s; -webkit-appearance:none; appearance:none; }
.lead-modal-right .form-submit:hover { background:var(--secondary); transform:translateY(-1px); box-shadow:0 8px 24px rgba(34, 197, 94, 0.25); }
.lead-modal-right .form-submit:active { transform:scale(0.98); }
.lead-modal-right .form-submit:disabled { opacity:0.65; cursor:not-allowed; transform:none; }
.lead-modal-note { font-size:12px; color:#9CA3AF; text-align:center; margin-top:12px; font-family:var(--font-modal); line-height:1.5; }
@keyframes leadModalIn { from { opacity:0; transform:translateY(18px) scale(0.98); } to { opacity:1; transform:none; } }
@keyframes leadSlideLeft { from { opacity:0; transform:translateX(-14px); } to { opacity:1; transform:none; } }
@media (max-width: 860px) {
  .lead-modal-left { display:none; }
  .lead-modal-right { padding:44px 24px 28px; }
}
@media (max-width: 480px) {
  .lead-modal-overlay { padding:10px; }
  .lead-modal-right { padding:44px 18px 24px; }
  .lead-modal-right .form-row { grid-template-columns:1fr; gap:0; }
}
@media (prefers-reduced-motion: reduce) {
  .lead-modal-card, .lead-modal-left { animation:none !important; }
}