/* ═══════════════════════════════════════
   FINAL-CTA — bloc de capture du kit (partial final-cta.html)
   Extrait de cockpit-page.css (source unique partagée). Charge main.css.
   ═══════════════════════════════════════ */

.final-cta {
    text-align: center;
    padding: var(--space-2xl) 0;
    position: relative;
    overflow: hidden;
    background: var(--midnight);
}
.final-cta::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(249, 220, 92, 0.06) 0%, transparent 60%);
    pointer-events: none;
}
.final-cta .container { position: relative; z-index: 2; }
.test-block {
    max-width: 640px;
    margin: 0 auto;
    background: var(--midnight);
    border: 1px solid rgba(124, 152, 179, 0.1);
    padding: clamp(2rem, 4vw, 3rem);
    text-align: left;
    position: relative;
}
.test-block .corner-plus { position: absolute; }
.test-block h3 {
    font-size: 1.35rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
}
.test-block-kicker {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--golden);
    margin-bottom: 0.75rem;
}
.test-block-sub {
    font-size: 0.88rem;
    color: var(--soft-blue);
    margin-bottom: var(--space-md);
}
.test-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: var(--space-md);
    padding: 0;
}
.test-list li {
    font-size: 0.88rem;
    color: var(--light-blue);
    display: flex;
    gap: 0.6rem;
    align-items: flex-start;
}
.test-list li::before {
    content: '\2713';
    color: var(--golden);
    font-weight: 700;
    flex-shrink: 0;
}
.test-block .btn-primary { width: 100%; justify-content: center; }

.dm-input { flex: 1; min-width: 0; width: 100%; background: rgba(13, 27, 42, 0.55); border: 1px solid rgba(124, 152, 179, 0.22); border-radius: 0; padding: 0.95rem 1.1rem; color: var(--off-white); font-family: inherit; font-size: 0.98rem; transition: border-color 0.3s, box-shadow 0.3s; }
.dm-input::placeholder { color: var(--soft-blue); }
.dm-input:focus { outline: none; border-color: var(--golden); box-shadow: 0 0 0 3px var(--golden-dim); }
.dm-field { display: flex; flex-direction: column; gap: 0.4rem; margin-bottom: 1rem; }
.dm-field label { font-size: 0.82rem; color: var(--light-blue); font-weight: 500; }
.dm-consent { display: flex; gap: 0.6rem; align-items: flex-start; margin: 0.4rem 0 1.3rem; }
.dm-consent input[type="checkbox"] { margin-top: 0.15rem; accent-color: var(--golden); width: 16px; height: 16px; flex: none; }
.dm-consent label { font-size: 0.78rem; color: var(--soft-blue); line-height: 1.5; }
.dm-consent a { color: var(--light-blue); text-decoration: underline; }
.dm-consent-msg { display: none; font-size: 0.78rem; color: var(--golden); margin-top: 0.5rem; }
.dm-consent.error .dm-consent-msg { display: block; }
.dm-consent.error label { color: var(--golden); }
.dm-consent.error input[type="checkbox"] { outline: 2px solid var(--golden); outline-offset: 2px; }
.dm-optin { font-size: 0.76rem; color: var(--soft-blue); margin-top: 1rem; display: flex; align-items: center; gap: 0.45rem; }
.dm-optin svg { width: 15px; height: 15px; stroke: var(--soft-blue); flex: none; }
.dm-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.dm-thanks { display: none; flex-direction: column; align-items: center; text-align: center; padding: 1rem 0; }
.dm-thanks.show { display: flex; }
.dm-thanks svg { width: 46px; height: 46px; stroke: var(--golden); margin-bottom: 1rem; }
.dm-thanks h2 { font-size: 1.5rem; margin-bottom: 0.6rem; }
.dm-thanks p { color: var(--light-blue); font-size: 0.96rem; line-height: 1.6; max-width: 36ch; }
.dm-profile-step { display: none; margin-top: 1.4rem; }
.dm-profile-step.show { display: block; animation: dmProfileIn 0.4s ease both; }
@keyframes dmProfileIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.dm-profile-q { font-size: 0.9rem; color: var(--light-blue); margin-bottom: 0.7rem; }
.dm-profile-opts { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.dm-profile-opts button { font-family: inherit; font-size: 0.85rem; color: var(--off-white); background: rgba(124, 152, 179, 0.08); border: 1px solid rgba(124, 152, 179, 0.18); padding: 0.55rem 0.9rem; transition: background 0.2s, border-color 0.2s, color 0.2s; }
.dm-profile-opts button:hover { background: rgba(249, 220, 92, 0.1); border-color: rgba(249, 220, 92, 0.45); color: var(--golden); }
.dm-profile-opts button:disabled { opacity: 0.4; }