{} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    



 :root { color-scheme: dark; } html, body { background: #0b0f19; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .bg-aura { background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.25), transparent 60%), linear-gradient(180deg, #0b0f19 25%, #0b0f19 100%); } .grid-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; mask-image: linear-gradient(to bottom, black, transparent); -webkit-mask-image: linear-gradient(to bottom, black, transparent); background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 32px 32px; opacity:.16; } @keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} } .animate-float { animation: float 7s ease-in-out infinite; } .fade-in { opacity:0; transform: translateY(12px) scale(.99); transition: opacity .6s ease, transform .6s ease; } .fade-in.show { opacity:1; transform: translateY(0) scale(1); } .shimmer { position: relative; overflow: hidden; isolation: isolate; } .shimmer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform: translateX(-100%); animation: shimmer 2.8s ease-in-out infinite; } @keyframes shimmer { 0%{ transform:translateX(-100%) } 70%{ transform:translateX(120%) } 100%{ transform:translateX(120%) } } @keyframes glow { 0%,100%{opacity:.25; filter: blur(26px)} 50%{opacity:.45; filter: blur(34px)} } .glow { animation: glow 5s ease-in-out infinite; } 

 :root { color-scheme: dark; } html, body { background: #0b0f19; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .bg-aura { background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.25), transparent 60%), linear-gradient(180deg, #0b0f19 25%, #0b0f19 100%); } .grid-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; mask-image: linear-gradient(to bottom, black, transparent); -webkit-mask-image: linear-gradient(to bottom, black, transparent); background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 32px 32px; opacity:.16; } @keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} } .animate-float { animation: float 7s ease-in-out infinite; } .fade-in { opacity:0; transform: translateY(12px) scale(.99); transition: opacity .6s ease, transform .6s ease; } .fade-in.show { opacity:1; transform: translateY(0) scale(1); } .shimmer { position: relative; overflow: hidden; isolation: isolate; } .shimmer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform: translateX(-100%); animation: shimmer 2.8s ease-in-out infinite; } @keyframes shimmer { 0%{ transform:translateX(-100%) } 70%{ transform:translateX(120%) } 100%{ transform:translateX(120%) } } @keyframes glow { 0%,100%{opacity:.25; filter: blur(26px)} 50%{opacity:.45; filter: blur(34px)} } .glow { animation: glow 5s ease-in-out infinite; } 

 :root { color-scheme: dark; } html, body { background: #0b0f19; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .bg-aura { background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.25), transparent 60%), linear-gradient(180deg, #0b0f19 25%, #0b0f19 100%); } .grid-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; mask-image: linear-gradient(to bottom, black, transparent); -webkit-mask-image: linear-gradient(to bottom, black, transparent); background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 32px 32px; opacity:.16; } @keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} } .animate-float { animation: float 7s ease-in-out infinite; } .fade-in { opacity:0; transform: translateY(12px) scale(.99); transition: opacity .6s ease, transform .6s ease; } .fade-in.show { opacity:1; transform: translateY(0) scale(1); } .shimmer { position: relative; overflow: hidden; isolation: isolate; } .shimmer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform: translateX(-100%); animation: shimmer 2.8s ease-in-out infinite; } @keyframes shimmer { 0%{ transform:translateX(-100%) } 70%{ transform:translateX(120%) } 100%{ transform:translateX(120%) } } 

 :root { color-scheme: dark; } html, body { background: #0b0f19; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .bg-aura { background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.25), transparent 60%), linear-gradient(180deg, #0b0f19 25%, #0b0f19 100%); } .grid-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; mask-image: linear-gradient(to bottom, black, transparent); -webkit-mask-image: linear-gradient(to bottom, black, transparent); background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 32px 32px; opacity:.16; } @keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} } .animate-float { animation: float 7s ease-in-out infinite; } .fade-in { opacity:0; transform: translateY(12px) scale(.99); transition: opacity .6s ease, transform .6s ease; } .fade-in.show { opacity:1; transform: translateY(0) scale(1); } .shimmer { position: relative; overflow: hidden; isolation: isolate; } .shimmer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform: translateX(-100%); animation: shimmer 2.8s ease-in-out infinite; } @keyframes shimmer { 0%{ transform:translateX(-100%) } 70%{ transform:translateX(120%) } 100%{ transform:translateX(120%) } } 

 /* If the embed injects an <iframe>, these styles keep it clean */ groovemail-form-embed, groovemail-form-embed iframe { width: 100% !important; max-width: 100% !important; border: 0 !important; background: transparent !important; /* relies on the embed honoring transparency */ border-radius: 12px !important; overflow: hidden !important; } 

 :root { color-scheme: dark; } html, body { background: #0b0f19; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } .bg-aura { background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.25), transparent 60%), linear-gradient(180deg, #0b0f19 25%, #0b0f19 100%); } .grid-overlay::before { content: ""; position: absolute; inset: 0; pointer-events: none; mask-image: linear-gradient(to bottom, black, transparent); -webkit-mask-image: linear-gradient(to bottom, black, transparent); background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px); background-size: 32px 32px; opacity:.16; } @keyframes float { 0%{transform:translateY(0)} 50%{transform:translateY(-6px)} 100%{transform:translateY(0)} } .animate-float { animation: float 7s ease-in-out infinite; } .fade-in { opacity:0; transform: translateY(12px) scale(.99); transition: opacity .6s ease, transform .6s ease; } .fade-in.show { opacity:1; transform: translateY(0) scale(1); } .shimmer { position: relative; overflow: hidden; isolation: isolate; } .shimmer::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform: translateX(-100%); animation: shimmer 2.8s ease-in-out infinite; } @keyframes shimmer { 0%{ transform:translateX(-100%) } 70%{ transform:translateX(120%) } 100%{ transform:translateX(120%) } } 

 :root { color-scheme: dark; } html, body { background:#0b0f19; } body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Helvetica Neue, Arial, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; } /* Ensure headings are always visible, even if a builder/theme overrides them */ h1, h2 { display:block !important; visibility:visible !important; color:#fff !important; } h1 { font-weight:800 !important; line-height:1.1 !important; font-size:clamp(2rem,5vw,3rem) !important; margin:0.5rem 0 0 !important; } h2 { font-weight:700 !important; line-height:1.2 !important; font-size:clamp(1.25rem,3vw,1.5rem) !important; margin:2.5rem 0 0.75rem !important; } h1, h2, h1 *, h2 * { opacity:1 !important; -webkit-text-fill-color:currentColor !important; } [class*="gp-"] h1, [class*="gp-"] h2 { color:#fff !important; display:block !important; } /* Ambient gradient + subtle grid */ .bg-aura { background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.25), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.25), transparent 60%), linear-gradient(180deg, #0b0f19 25%, #0b0f19 100%); } .grid-overlay::before { content:""; position:absolute; inset:0; pointer-events:none; mask-image:linear-gradient(to bottom, black, transparent); -webkit-mask-image:linear-gradient(to bottom, black, transparent); background-image: linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(to bottom, rgba(255,255,255,.06) 1px, transparent 1px); background-size:32px 32px; opacity:.16; } /* Micro-animations */ .fade-in { opacity:0; transform: translateY(12px) scale(.99); transition: opacity .6s ease, transform .6s ease; } .fade-in.show { opacity:1; transform: translateY(0) scale(1); } .shimmer { position:relative; overflow:hidden; isolation:isolate; } .shimmer::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent); transform:translateX(-100%); animation: shimmer 2.8s ease-in-out infinite; } @keyframes shimmer { 0%{transform:translateX(-100%)} 70%{transform:translateX(120%)} 100%{transform:translateX(120%)} } 

 :root { color-scheme: dark; } html, body { background:#0b0f19; } body { font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial; color:#fff; } h1, h2 { display:block !important; visibility:visible !important; color:#fff !important; } h1 { font-weight:800 !important; line-height:1.1 !important; font-size:clamp(2rem,5vw,3rem) !important; margin:0.5rem 0 0.5rem !important; } h2 { font-weight:700 !important; line-height:1.2 !important; font-size:clamp(1.25rem,3vw,1.5rem) !important; margin:2rem 0 0.75rem !important; } /* Light grid aura bg (very gentle) */ .bg-aura{ background-image: radial-gradient(1100px 420px at 120% -10%, rgba(99,102,241,.20), transparent 60%), radial-gradient(600px 300px at -10% 10%, rgba(16,185,129,.20), transparent 60%), linear-gradient(180deg, #0b0f19 20%, #0b0f19 100%); } .card{border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); border-radius:16px;} .chip{border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); border-radius:9999px;} .cta{background:#10B981; color:#000; font-weight:700; border-radius:9999px;} .cta:hover{background:#34D399;} .muted{color:rgba(255,255,255,.75)} /* If a builder wraps things in gp-* containers, keep headings visible there too */ [class*="gp-"] h1, [class*="gp-"] h2 { color:#fff !important; display:block !important; }