
.cffp-form{
  --cffp-accent:#16a34a;
  --cffp-bg:#fff;
  --cffp-text:#111827;
  --cffp-radius:18px;
  --cffp-shadow:0 18px 50px rgba(15,23,42,.12);
  --cffp-max-width:920px;
  --cffp-field-columns:2;
  --cffp-pack-columns:3;
  --cffp-gap:12px;
  --cffp-inner-padding:28px;
  font-family:inherit;
  color:var(--cffp-safe-text,var(--cffp-text));
  width:100%;
  margin:28px auto;
  box-sizing:border-box;
  position:relative;
}
.cffp-width-boxed{max-width:min(100%, var(--cffp-max-width));}
.cffp-width-wide{max-width:min(100%, var(--cffp-max-width));}
.cffp-width-full{width:100%!important;max-width:100%!important;margin-left:0;margin-right:0;}
.cffp-width-full>.cffp-inner{width:100%;max-width:none;box-sizing:border-box;}
.cffp-force-full-bleed{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;}
.cffp-force-full-bleed>.cffp-inner{width:100%!important;max-width:none!important;border-radius:0;}
.cffp-align-left{margin-left:0;margin-right:auto;}
.cffp-align-center{margin-left:auto;margin-right:auto;}
.cffp-align-right{margin-left:auto;margin-right:0;}
.cffp-inner{
  background:var(--cffp-bg);
  border-radius:var(--cffp-radius);
  box-shadow:var(--cffp-shadow);
  padding:var(--cffp-inner-padding);
  border:1px solid rgba(15,23,42,.08);
}
.cffp-form h3{font-size:28px;line-height:1.15;margin:10px 0 8px;text-align:center;color:var(--cffp-safe-text,var(--cffp-text))!important}
.cffp-subtitle{margin:0 auto 22px;text-align:center;opacity:1;max-width:720px;color:var(--cffp-safe-muted,var(--cffp-text))!important}
.cffp-price-wrap{text-align:center;margin-bottom:12px}
.cffp-price-label{display:inline-block;background:color-mix(in srgb,var(--cffp-accent) 12%,white);color:var(--cffp-accent);font-weight:800;border-radius:999px;padding:6px 11px;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
.cffp-price-line{display:flex;justify-content:center;align-items:baseline;gap:10px;margin-top:7px;flex-wrap:wrap}
.cffp-price-line del{opacity:.8;font-size:16px;color:var(--cffp-safe-muted,var(--cffp-text))!important}
.cffp-current-price{font-size:30px;color:var(--cffp-accent)}
.cffp-packs{display:grid;grid-template-columns:repeat(var(--cffp-pack-columns),minmax(0,1fr));gap:9px;margin:18px 0}
.cffp-pack{cursor:pointer;position:relative}
.cffp-pack input{position:absolute;opacity:0;pointer-events:none}
.cffp-pack span{display:flex;min-height:72px;padding:12px 10px;flex-direction:column;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:14px;transition:.2s;background:#fff;color:var(--cffp-safe-text,var(--cffp-text));text-align:center;gap:4px}
.cffp-pack.active span,.cffp-pack:has(input:checked) span{border-color:var(--cffp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cffp-accent) 14%,transparent)}
.cffp-pack b{font-size:14px}
.cffp-pack em{font-style:normal;font-size:13px;opacity:1;margin-top:2px;color:var(--cffp-safe-muted,var(--cffp-text))}
.cffp-fields{display:grid;grid-template-columns:repeat(var(--cffp-field-columns), minmax(0,1fr));gap:var(--cffp-gap)}
.cffp-field{display:block;min-width:0}
.cffp-field span{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:var(--cffp-safe-text,var(--cffp-text))!important}
.cffp-field sup{color:#dc2626;margin-left:2px}
.cffp-field input,.cffp-field textarea{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:0 14px;font-size:16px;outline:none;transition:.2s;background:#fff;color:#111827;box-sizing:border-box}
.cffp-field input{height:50px}
.cffp-field textarea{min-height:92px;padding:12px 14px;resize:vertical}
.cffp-field input:focus,.cffp-field textarea:focus{border-color:var(--cffp-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cffp-accent) 12%,transparent)}
.cffp-submit{width:100%;border:0;border-radius:13px;background:var(--cffp-accent);color:#fff;font-size:17px;font-weight:800;padding:15px 18px;margin-top:16px;cursor:pointer;box-shadow:0 10px 24px color-mix(in srgb,var(--cffp-accent) 26%,transparent);transition:transform .15s,opacity .15s}
.cffp-submit:hover{transform:translateY(-1px)}
.cffp-submit[disabled]{opacity:.65;cursor:not-allowed}

.cffp-field input::placeholder,.cffp-field textarea::placeholder{color:#6b7280;opacity:1}
.cffp-trust{margin-top:10px;text-align:center;font-size:14px;opacity:1;line-height:1.5;color:var(--cffp-safe-muted,var(--cffp-text))!important}
.cffp-preset-dark{--cffp-safe-text:#f9fafb;--cffp-safe-muted:#d1d5db;}
.cffp-preset-dark .cffp-form h3,.cffp-preset-dark h3{color:#fff!important}
.cffp-preset-dark .cffp-field span{color:#e5e7eb!important}
.cffp-preset-dark .cffp-subtitle,.cffp-preset-dark .cffp-trust,.cffp-preset-dark .cffp-price-line del,.cffp-preset-dark .cffp-pack em{color:#d1d5db!important}
.cffp-message{display:none;margin-top:12px;padding:11px 13px;border-radius:10px;font-size:14px;text-align:center}
.cffp-message.success{display:block;background:#ecfdf5;color:#166534}
.cffp-message.error{display:block;background:#fef2f2;color:#991b1b}
.cffp-hp{position:absolute!important;left:-99999px!important;opacity:0!important}
.cffp-loader{display:none;width:16px;height:16px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:cffpSpin .7s linear infinite;margin:auto}
.cffp-submit.loading .cffp-btn-text{display:none}
.cffp-submit.loading .cffp-loader{display:block}
@keyframes cffpSpin{to{transform:rotate(360deg)}}
.cffp-scroll-button{display:inline-block;background:#16a34a;color:#fff!important;padding:13px 20px;border-radius:12px;font-weight:800;text-decoration:none}
.cffp-preset-minimal .cffp-inner{box-shadow:none;border:1px solid #e5e7eb}
.cffp-preset-minimal .cffp-price-label{background:transparent;border:1px solid currentColor}
.cffp-preset-premium .cffp-inner{border:0;padding:calc(var(--cffp-inner-padding) + 6px);background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.cffp-preset-premium .cffp-current-price{font-size:36px}
.cffp-preset-premium .cffp-pack span{background:#f8fafc}
.cffp-preset-compact .cffp-inner{padding:max(16px, calc(var(--cffp-inner-padding) - 10px))}
.cffp-preset-compact h3{font-size:23px}
.cffp-preset-compact .cffp-fields{gap:max(8px, calc(var(--cffp-gap) - 2px))}
.cffp-preset-dark .cffp-inner{background:#111827;color:#f9fafb;border-color:#1f2937}
.cffp-preset-dark h3{color:#fff}
.cffp-preset-dark .cffp-subtitle,.cffp-preset-dark .cffp-trust{color:#d1d5db}
.cffp-preset-dark .cffp-field span{color:#e5e7eb}
.cffp-preset-dark .cffp-pack span,.cffp-preset-dark .cffp-field input,.cffp-preset-dark .cffp-field textarea{background:#0f172a;color:#f8fafc;border-color:#334155}
.cffp-preset-dark .cffp-price-label{background:rgba(255,255,255,.1);color:#86efac}
.cffp-mobile-bar{display:none}
@media(max-width:900px){
  .cffp-form{margin:22px auto}
}
@media(max-width:640px){
  .cffp-form{margin:18px auto;padding-inline:10px}
  .cffp-width-full{padding-inline:0}
  .cffp-force-full-bleed{padding-inline:0!important;margin-top:0;margin-bottom:0}
  .cffp-inner{padding:20px 16px}
  .cffp-form h3{font-size:24px}
  .cffp-current-price{font-size:26px}
  .cffp-fields{grid-template-columns:1fr}
  .cffp-packs{grid-template-columns:1fr}
  .cffp-pack span{min-height:auto;flex-direction:row;justify-content:space-between;text-align:left}
  .cffp-submit{font-size:16px}
}
@media(max-width:768px){
  .cffp-has-mobile-sticky{padding-bottom:70px}
  .cffp-has-mobile-sticky .cffp-mobile-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:9999;padding:10px;background:rgba(17,24,39,.92);backdrop-filter:blur(8px)}
  .cffp-mobile-scroll{width:min(100%,680px);display:block;margin:0 auto;border:0;border-radius:12px;background:var(--cffp-accent);color:#fff;font-size:16px;font-weight:800;padding:14px 18px;box-shadow:0 10px 24px rgba(0,0,0,.22)}
}
