/* DubaiCertificate CRM – website forms. Colours follow the theme via CSS variables. */
.dc-form{--dc-accent:var(--brand,#0f5e4f);--dc-ink:var(--ink,#16201d);--dc-line:var(--line,#dcd6c8);display:grid;gap:4px}
.dc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:640px){.dc-row{grid-template-columns:1fr}}
.dc-field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}
.dc-field label{font-size:14px;font-weight:600;color:var(--dc-ink)}
.dc-field label small{font-weight:400;opacity:.7}
.dc-field input,.dc-field select,.dc-field textarea{font:inherit;font-size:16px;padding:12px 14px;border:1px solid var(--dc-line);border-radius:12px;background:#fff;color:var(--dc-ink);min-height:48px;width:100%;box-sizing:border-box}
.dc-field textarea{min-height:130px;resize:vertical}
.dc-field input:focus,.dc-field select:focus,.dc-field textarea:focus{outline:0;border-color:var(--dc-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--dc-accent) 18%,transparent)}
.dc-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;justify-self:start;min-height:48px;padding:12px 24px;border:0;border-radius:999px;background:var(--dc-accent);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:transform .2s,filter .2s}
.dc-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.dc-btn svg{width:18px;height:18px}
.dc-small{font-size:13px;color:var(--ink-2,#4b5552);margin:4px 0 10px}
.dc-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.dc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dc-alert{padding:14px 16px;border-radius:12px;margin:0 0 16px;font-size:15px;display:grid;gap:4px}
.dc-alert.is-ok{background:#e7f3ef;color:#0b3d35}
.dc-alert.is-error{background:#fbeceb;color:#8a1c14}
.dc-checks{border:0;padding:0;margin:4px 0 12px;display:grid;gap:10px}
.dc-checks label{display:flex;gap:10px;align-items:center;font-size:15px;min-height:28px}
.dc-checks input{width:20px;height:20px;accent-color:var(--dc-accent)}
.dc-checks small{opacity:.7}
.dc-total{font-size:32px;font-weight:800;letter-spacing:-.02em;margin:8px 0 0}
.dc-total small{font-size:14px;font-weight:500;opacity:.7}
.dc-result{margin-top:18px;padding:20px;border-radius:14px;background:var(--ground-2,#f4f1ea)}
.dc-result-head{display:flex;flex-wrap:wrap;gap:22px;margin-bottom:16px}
.dc-result-head small{display:block;font-size:12px;opacity:.7;text-transform:uppercase;letter-spacing:.08em}
.dc-timeline{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.dc-timeline li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-3,#6b736f)}
.dc-timeline li p{margin:2px 0 0;font-size:14px;color:var(--ink-2,#4b5552)}
.dc-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--line,#dcd6c8);margin-top:3px;flex:none;background:#fff}
.dc-timeline li.is-done{color:var(--ink,#16201d)}
.dc-timeline li.is-done .dc-dot{border-color:var(--brand,#0f5e4f);background:var(--brand,#0f5e4f)}
.dc-timeline li.is-now{color:var(--ink,#16201d)}
.dc-timeline li.is-now .dc-dot{border-color:var(--brand,#0f5e4f);animation:dcPulse 1.6s infinite}
@keyframes dcPulse{0%{box-shadow:0 0 0 0 rgba(15,94,79,.4)}100%{box-shadow:0 0 0 10px rgba(15,94,79,0)}}
.dc-contact-list{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.dc-contact-list li{display:flex;gap:12px;align-items:flex-start}
.dc-contact-list svg{width:20px;height:20px;flex:none;margin-top:3px;color:var(--brand,#0f5e4f)}
.dc-contact-list a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media (prefers-reduced-motion:reduce){.dc-timeline li.is-now .dc-dot{animation:none}.dc-btn{transition:none}}
.dc-form-wrap,.dc-track{scroll-margin-top:110px}