.vser .lead{ max-width:720px; }
.vser-form{ max-width:640px; background:#fff; border:1px solid #e6e6ea; border-radius:16px; padding:22px 24px; margin:8px 0 26px; box-shadow:0 12px 34px -22px rgba(0,0,0,.25); }
.vser-form label{ display:block; font-weight:700; font-size:13.5px; margin-bottom:8px; color:#1d1d1f; }
.vser-row{ display:flex; gap:10px; flex-wrap:wrap; }
.vser-row input{ flex:1; min-width:220px; padding:13px 15px; border:1px solid #dcdce1; border-radius:11px; font-size:15.5px; letter-spacing:.03em; text-transform:uppercase; }
.vser-row input:focus{ outline:none; border-color:var(--brand-red,#c8102e); box-shadow:0 0 0 3px rgba(200,16,46,.12); }
.vser-hint{ font-size:12.5px; color:#6e6e73; margin:12px 0 0; }
.vser-hint i{ color:#c8102e; }
.vser-result{ display:flex; gap:16px; align-items:flex-start; max-width:720px; border-radius:14px; padding:18px 20px; margin:0 0 30px; border:1px solid; }
.vser-result > i{ font-size:30px; flex:none; margin-top:2px; }
.vser-result h3{ margin:0 0 6px; font-size:18px; }
.vser-result p{ margin:0 0 6px; font-size:14.5px; line-height:1.6; }
.vser-result .vser-next{ font-size:13.5px; margin-top:8px; }
.vser-result.ok{ background:#eefaf1; border-color:#bfe6cb; color:#1a6b39; }
.vser-result.ok > i{ color:#1f9d55; }
.vser-result.warn{ background:#fff7e8; border-color:#f2dca6; color:#8a5a10; }
.vser-result.warn > i{ color:#c78a1a; }
.vser-result.grey{ background:#f4f4f6; border-color:#e2e2e6; color:#4a4a50; }
.vser-result a{ color:var(--brand-red,#c8102e); font-weight:600; }
.vser-why{ margin:8px 0 6px; }
.vser-why h2{ font-size:20px; margin:0 0 16px; }
.vser-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:16px; }
.vser-card{ background:#fff; border:1px solid #e6e6ea; border-radius:14px; padding:20px; }
.vser-card i{ font-size:24px; color:var(--brand-red,#c8102e); }
.vser-card h4{ margin:10px 0 6px; font-size:15.5px; }
.vser-card p{ margin:0; font-size:13.5px; color:#57575c; line-height:1.6; }