/* =========================================================
   GUEST LANDING — "Soft" edition. Scoped to body.guest-soft-page.
   Soft red + white, rounded, friendly. Everything is namespaced
   sf-* so nothing collides with the rest of the site.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');

body.guest-soft-page{
    --sf-bg:#FFF9F8; --sf-white:#fff;
    --sf-rose:#E03040; --sf-rose-2:#D82A3E; --sf-rose-3:#FF4757;
    --sf-wash:#FFF1F1; --sf-tint:#FFE6E8; --sf-line:#F7DEE0;
    --sf-ink:#35262B; --sf-sub:#7D676C; --sf-mut:#A99499;
    --sf-shadow:0 18px 40px -22px rgba(216,42,62,.35);
    --sf-shadow-sm:0 6px 18px -10px rgba(120,50,60,.22);
    background:var(--sf-bg); color:var(--sf-ink);
    position:relative; overflow-x:hidden; min-height:100vh;
}
html:has(body.guest-soft-page){scroll-behavior:smooth;}
body.guest-soft-page,
body.guest-soft-page *,
body.guest-soft-page *::before,
body.guest-soft-page *::after{font-family:'Nunito',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;}
body.guest-soft-page h1,body.guest-soft-page h2,body.guest-soft-page h3{color:var(--sf-ink);letter-spacing:-.02em;}
body.guest-soft-page a:focus-visible,
body.guest-soft-page button:focus-visible,
body.guest-soft-page summary:focus-visible,
body.guest-soft-page input:focus-visible{outline:3px solid rgba(224,48,64,.35);outline-offset:2px;}
body.guest-soft-page .iconify{width:1.15em;height:1.15em;flex-shrink:0;}

/* ---------- background blobs ---------- */
.sf-blobs{position:absolute;inset:0 0 auto 0;height:900px;pointer-events:none;z-index:0;overflow:hidden;}
.sf-blobs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;}
.sf-blobs i:nth-child(1){width:420px;height:420px;background:#FFD5D9;top:-120px;right:-80px;}
.sf-blobs i:nth-child(2){width:340px;height:340px;background:#FFE7DD;top:260px;left:-140px;}
.sf-blobs i:nth-child(3){width:260px;height:260px;background:#FFDDE3;top:520px;right:12%;}

/* ---------- nav ---------- */
.sf-top{position:sticky;top:0;z-index:20;padding:14px 18px 0;}
.sf-nav{
    max-width:1080px;margin:0 auto;display:flex;align-items:center;gap:16px;
    padding:8px 10px 8px 16px;border-radius:999px;
    background:rgba(255,255,255,.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-sm);
}
.sf-brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.15rem;color:var(--sf-ink);text-decoration:none;white-space:nowrap;}
.sf-brand .brand-mars{color:var(--sf-rose-2);text-shadow:none;}
.sf-logo{
    width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;
    background:linear-gradient(135deg,#FF4757,#C81E33);box-shadow:0 8px 16px -8px rgba(216,42,62,.7);
}
.sf-links{display:flex;gap:4px;margin:0 auto;}
.sf-links a{padding:8px 14px;border-radius:999px;font-weight:700;font-size:.92rem;color:var(--sf-sub);transition:background .15s,color .15s;}
.sf-links a:hover{background:var(--sf-wash);color:var(--sf-rose-2);}

/* ---------- buttons ---------- */
.sf-btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer;
    padding:11px 22px;border-radius:999px;font-weight:800;font-size:.95rem;text-decoration:none;white-space:nowrap;
    transition:transform .15s ease,box-shadow .15s ease,background .15s ease;
}
.sf-btn:hover{transform:translateY(-2px);}
.sf-btn:active{transform:translateY(0);}
.sf-btn-primary{color:#fff;background:linear-gradient(135deg,#FF4757,#C81E33);box-shadow:0 12px 24px -10px rgba(216,42,62,.65);}
.sf-btn-primary:hover{box-shadow:0 16px 28px -10px rgba(216,42,62,.8);}
.sf-btn-primary:disabled{opacity:.7;cursor:wait;transform:none;}
.sf-btn-soft{color:var(--sf-rose-2);background:var(--sf-tint);}
.sf-btn-soft:hover{background:#FFD9DD;}
.sf-btn-white{color:var(--sf-rose-2);background:#fff;box-shadow:0 12px 24px -12px rgba(120,20,35,.5);}
body.guest-soft-page .spinner{border-color:rgba(255,255,255,.45);border-top-color:#fff;}

/* ---------- layout ---------- */
.sf-main{position:relative;z-index:1;max-width:1080px;margin:0 auto;padding:0 20px;}
.sf-ad{display:flex;justify-content:center;margin:18px auto 0;max-width:100%;}
.sf-ad-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center;margin-top:8px;}
.sf-ad-row .sf-ad{margin:10px 0 0;}
.sf-ad .banner-placeholder{border-radius:18px;}
.sf-ad.banner-728,.sf-ad.banner-468,.sf-ad.banner-300-inline{max-width:100%;}

/* ---------- hero ---------- */
.sf-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;padding:44px 0 28px;}
.sf-pill{
    display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;
    background:#fff;border:1px solid var(--sf-line);font-size:.85rem;font-weight:700;color:var(--sf-sub);box-shadow:var(--sf-shadow-sm);
}
.sf-live{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3CCB8A;box-shadow:0 0 0 0 rgba(60,203,138,.55);animation:sfPulse 1.8s infinite;}
@keyframes sfPulse{0%{box-shadow:0 0 0 0 rgba(60,203,138,.5);}70%{box-shadow:0 0 0 8px rgba(60,203,138,0);}100%{box-shadow:0 0 0 0 rgba(60,203,138,0);}}
.sf-hero h1{font-size:clamp(2.5rem,6vw,4.1rem);line-height:1.04;font-weight:900;margin:18px 0 16px;}
.sf-hl{color:var(--sf-rose-2);position:relative;white-space:nowrap;}
.sf-hl::after{content:"";position:absolute;left:0;right:0;bottom:.06em;height:.22em;border-radius:99px;background:rgba(255,71,87,.35);z-index:-1;}
.sf-lead{font-size:1.1rem;line-height:1.65;color:var(--sf-sub);max-width:520px;margin-bottom:26px;font-weight:600;}

/* email capsule */
.sf-capsule{
    display:flex;align-items:center;gap:8px;max-width:520px;padding:7px 7px 7px 20px;border-radius:999px;
    background:#fff;border:2px solid var(--sf-line);box-shadow:var(--sf-shadow);transition:border-color .15s,box-shadow .15s;
}
.sf-capsule:focus-within{border-color:var(--sf-rose-3);box-shadow:0 0 0 5px rgba(255,71,87,.18),var(--sf-shadow);}
.sf-capsule>.iconify{color:var(--sf-rose-3);font-size:1.25rem;}
.sf-capsule input{
    flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:1rem;font-weight:700;color:var(--sf-ink);padding:10px 0;
}
.sf-capsule input::placeholder{color:var(--sf-mut);font-weight:600;}
.sf-capsule .sf-btn{padding:13px 24px;}
.sf-fine{font-size:.8rem;color:var(--sf-mut);margin-top:14px;font-weight:600;max-width:520px;}
.sf-fine a{color:var(--sf-rose-2);font-weight:700;text-decoration:underline;text-underline-offset:2px;}
.sf-trust{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin-top:22px;}
.sf-trust li{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--sf-wash);font-size:.85rem;font-weight:700;color:var(--sf-sub);}
.sf-trust .iconify{color:var(--sf-rose-2);}
body.guest-soft-page .alert-box{max-width:520px;border-radius:18px;font-weight:700;}
body.guest-soft-page .alert-success{background:#E9FAF1;color:#1F8F5F;border:1px solid #BFEBD5;}
body.guest-soft-page .alert-error{background:#FFEDEF;color:#B01C30;border:1px solid #FFCDD3;}

/* hero art */
.sf-hero-art{position:relative;aspect-ratio:1/1;max-width:440px;width:100%;margin:0 auto;}
.sf-art-disc{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,#FFE6E8 55%,#FFD3D8 100%);box-shadow:inset 0 0 0 10px rgba(255,255,255,.7);}
.sf-planet{position:absolute;inset:0;width:100%;height:100%;animation:sfFloat 6s ease-in-out infinite;}
@keyframes sfFloat{0%,100%{transform:translateY(0) rotate(0);}50%{transform:translateY(-12px) rotate(2deg);}}
.sf-chip{
    position:absolute;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;
    background:#fff;border:1px solid var(--sf-line);box-shadow:0 14px 28px -14px rgba(120,50,60,.35);
    animation:sfBob 5s ease-in-out infinite;
}
.sf-chip b{display:block;font-size:.88rem;font-weight:900;color:var(--sf-ink);line-height:1.15;}
.sf-chip small{display:block;font-size:.72rem;font-weight:700;color:var(--sf-mut);line-height:1.2;}
.sf-chip-ico{width:34px;height:34px;border-radius:11px;background:var(--sf-tint);color:var(--sf-rose-2);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}
.sf-chip-a{top:6%;left:-4%;}
.sf-chip-b{bottom:12%;right:-6%;animation-delay:-1.6s;}
.sf-chip-c{bottom:2%;left:6%;animation-delay:-3.2s;}
@keyframes sfBob{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* ---------- stats strip ---------- */
.sf-stats{
    display:grid;grid-template-columns:repeat(4,1fr);margin:30px 0 0;padding:22px 8px;border-radius:30px;
    background:#fff;border:1px solid var(--sf-line);box-shadow:var(--sf-shadow);
}
.sf-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 10px;border-right:1px dashed var(--sf-line);text-align:center;}
.sf-stat:last-child{border-right:0;}
.sf-num{font-size:1.7rem;font-weight:900;color:var(--sf-rose-2);line-height:1.1;}
.sf-num small{font-size:.8rem;font-weight:800;color:var(--sf-mut);}
.sf-stat-l{font-size:.82rem;font-weight:700;color:var(--sf-sub);display:inline-flex;align-items:center;gap:6px;}

/* ---------- sections ---------- */
.sf-sec{padding:68px 0 0;}
.sf-head{text-align:center;margin-bottom:30px;}
.sf-head h2{font-size:clamp(1.7rem,3.6vw,2.4rem);font-weight:900;}
.sf-head p{margin-top:8px;color:var(--sf-sub);font-weight:600;}
.sf-head p a{color:var(--sf-rose-2);font-weight:800;}
.sf-eyebrow{display:inline-block;margin-bottom:10px;padding:5px 14px;border-radius:999px;background:var(--sf-tint);color:var(--sf-rose-2);font-weight:800;font-size:.8rem;}
.sf-head-row{display:flex;align-items:center;justify-content:space-between;text-align:left;gap:12px;}

/* steps */
.sf-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;position:relative;}
.sf-steps li{position:relative;padding:28px 24px 26px;border-radius:28px;background:#fff;border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-sm);}
.sf-steps li:nth-child(2){background:var(--sf-wash);transform:translateY(14px);}
.sf-step-n{
    display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;margin-bottom:16px;
    background:linear-gradient(135deg,#FF4757,#C81E33);color:#fff;font-weight:900;font-size:1.15rem;box-shadow:0 10px 18px -8px rgba(216,42,62,.7);
}
.sf-steps h3{font-size:1.15rem;font-weight:900;margin-bottom:6px;}
.sf-steps p{color:var(--sf-sub);font-weight:600;line-height:1.6;font-size:.95rem;}

/* bento */
.sf-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;}
.sf-tile{
    display:flex;flex-direction:column;gap:6px;padding:22px;border-radius:26px;background:#fff;border:1px solid var(--sf-line);
    box-shadow:var(--sf-shadow-sm);transition:transform .18s ease,box-shadow .18s ease;
}
.sf-tile:hover{transform:translateY(-4px);box-shadow:var(--sf-shadow);}
.sf-tile b{display:block;font-size:1.05rem;font-weight:900;}
.sf-tile small{display:block;font-size:.88rem;color:var(--sf-sub);font-weight:600;line-height:1.5;}
.sf-tile-ico{width:46px;height:46px;border-radius:16px;background:var(--sf-tint);color:var(--sf-rose-2);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:6px;}
.sf-t-faucet{grid-column:span 3;background:linear-gradient(135deg,#FFF1F1,#FFE4E7);}
.sf-t-ptc{grid-column:span 3;}
.sf-t-offers,.sf-t-links,.sf-t-bonus{grid-column:span 2;}
.sf-t-ref{grid-column:span 6;flex-direction:row;align-items:center;gap:18px;background:linear-gradient(135deg,#FF4757,#C81E33);border:0;}
.sf-t-ref .sf-tile-ico{background:rgba(255,255,255,.25);color:#fff;margin:0;width:56px;height:56px;font-size:1.7rem;}
.sf-t-ref b{color:#fff;font-size:1.2rem;}
.sf-t-ref small{color:rgba(255,255,255,.92);}

/* payments feed (rows are also produced by ajax/proofs.php) */
.sf-feed{padding:10px;border-radius:30px;background:#fff;border:1px solid var(--sf-line);box-shadow:var(--sf-shadow-sm);}
.sf-feed .proof-row{
    display:grid;grid-template-columns:1.6fr 1.2fr 1fr 1fr;gap:10px;align-items:center;
    padding:13px 16px;border-radius:20px;font-size:.92rem;font-weight:700;color:var(--sf-sub);
}
.sf-feed .proof-row:nth-child(odd){background:var(--sf-wash);}
.sf-feed .proof-row>span{display:flex;align-items:center;gap:8px;min-width:0;}
.sf-feed .proof-row .user{color:var(--sf-ink);font-weight:800;overflow:hidden;text-overflow:ellipsis;}
.sf-feed .avatar{width:32px;height:32px;border-radius:10px;background:var(--sf-tint);color:var(--sf-rose-2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.sf-feed .amount{color:var(--sf-rose-2);font-weight:900;}
.sf-feed .status{color:#1F9A67;justify-content:flex-end;}
.sf-feed .iconify{color:inherit;}
.sf-empty{text-align:center;color:var(--sf-mut);font-weight:700;padding:26px 0;}

/* faq */
.sf-faq-sec{max-width:760px;margin:0 auto;}
.sf-faq{display:flex;flex-direction:column;gap:12px;}
.sf-faq details{background:#fff;border:1px solid var(--sf-line);border-radius:22px;padding:0 22px;box-shadow:var(--sf-shadow-sm);transition:background .15s;}
.sf-faq details[open]{background:var(--sf-wash);}
.sf-faq summary{
    list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:18px 0;font-weight:800;font-size:1rem;color:var(--sf-ink);
}
.sf-faq summary::-webkit-details-marker{display:none;}
.sf-faq summary::after{
    content:"+";flex-shrink:0;width:30px;height:30px;border-radius:10px;background:var(--sf-tint);color:var(--sf-rose-2);
    display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;transition:transform .2s;
}
.sf-faq details[open] summary::after{transform:rotate(45deg);}
.sf-faq details p{padding:0 0 20px;color:var(--sf-sub);font-weight:600;line-height:1.7;font-size:.95rem;}

/* cta */
.sf-cta{
    position:relative;overflow:hidden;margin:72px 0 0;padding:44px 40px;border-radius:38px;
    display:flex;align-items:center;justify-content:space-between;gap:20px;
    background:linear-gradient(135deg,#FF4757,#C81E33);box-shadow:0 28px 50px -26px rgba(216,42,62,.8);
}
.sf-cta::before,.sf-cta::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.14);}
.sf-cta::before{width:260px;height:260px;right:-60px;top:-110px;}
.sf-cta::after{width:160px;height:160px;right:140px;bottom:-90px;}
.sf-cta-copy{position:relative;z-index:1;}
.sf-cta h2{color:#fff!important;font-size:clamp(1.6rem,3.4vw,2.2rem);font-weight:900;margin-bottom:8px;}
.sf-cta p{color:rgba(255,255,255,.92);font-weight:700;margin-bottom:22px;}
.sf-cta-logo{
    position:relative;z-index:1;flex-shrink:0;width:112px;height:112px;border-radius:34px;background:rgba(255,255,255,.2);
    display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35);
    animation:sfFloat 6s ease-in-out infinite;
}

/* footer */
.sf-footer{position:relative;z-index:1;max-width:620px;margin:70px auto 0;padding:0 20px 44px;text-align:center;}
.sf-brand-foot{justify-content:center;margin-bottom:12px;}
.sf-footer p{color:var(--sf-sub);font-weight:600;line-height:1.65;font-size:.95rem;}
.sf-foot-links{display:flex;gap:6px;justify-content:center;margin:18px 0 14px;}
.sf-foot-links a{padding:7px 16px;border-radius:999px;background:var(--sf-wash);font-weight:800;font-size:.85rem;color:var(--sf-sub);}
.sf-foot-links a:hover{background:var(--sf-tint);color:var(--sf-rose-2);}
.sf-footer small{color:var(--sf-mut);font-weight:700;font-size:.8rem;}

/* ---------- tablet / mobile ---------- */
@media(max-width:900px){
    .sf-links{display:none;}
    .sf-nav{justify-content:space-between;}
    .sf-hero{grid-template-columns:1fr;gap:30px;padding-top:28px;text-align:center;}
    .sf-hero-copy{display:flex;flex-direction:column;align-items:center;}
    .sf-lead,.sf-fine,.sf-capsule,body.guest-soft-page .alert-box{max-width:560px;width:100%;}
    .sf-trust{justify-content:center;}
    .sf-hero-art{max-width:340px;order:-1;}
    .sf-chip-a{left:-2%;} .sf-chip-b{right:-2%;}
    .sf-steps{grid-template-columns:1fr;}
    .sf-steps li:nth-child(2){transform:none;}
}
@media(max-width:640px){
    .sf-top{padding:10px 12px 0;}
    .sf-main{padding:0 14px;}
    .sf-capsule{flex-wrap:wrap;border-radius:28px;padding:10px 12px 12px 16px;}
    .sf-capsule input{flex:1 1 calc(100% - 40px);}
    .sf-capsule .sf-btn{width:100%;}
    .sf-stats{grid-template-columns:repeat(2,1fr);row-gap:14px;}
    .sf-stat:nth-child(2){border-right:0;}
    .sf-bento{grid-template-columns:repeat(2,1fr);}
    .sf-t-faucet,.sf-t-ptc,.sf-t-offers,.sf-t-links,.sf-t-bonus{grid-column:span 1;}
    .sf-t-faucet,.sf-t-ptc{grid-column:span 2;}
    .sf-t-bonus{grid-column:span 2;}
    .sf-t-ref{grid-column:span 2;flex-direction:column;align-items:flex-start;}
    .sf-feed .proof-row{grid-template-columns:1fr auto;row-gap:4px;}
    .sf-feed .proof-row>span:nth-child(3){display:none;}
    .sf-feed .status{justify-content:flex-start;font-size:.82rem;}
    .sf-cta{flex-direction:column;align-items:flex-start;padding:34px 26px;}
    .sf-cta-logo{width:84px;height:84px;border-radius:26px;}
    .sf-cta-logo svg{width:48px;height:48px;}
    .sf-head-row{flex-wrap:wrap;}
}
@media(prefers-reduced-motion:reduce){
    body.guest-soft-page *{animation:none!important;transition:none!important;}
}
body.guest-soft-page .sf-capsule input:focus-visible{outline:0;}

/* ---------- captcha lives INSIDE the sign-up card ---------- */
.sf-card{max-width:520px;}
.sf-card.has-captcha{
    border-radius:30px;background:#fff;border:2px solid var(--sf-line);box-shadow:var(--sf-shadow);
    padding:8px;transition:border-color .15s,box-shadow .15s;
}
.sf-card.has-captcha:focus-within{border-color:var(--sf-rose-3);box-shadow:0 0 0 5px rgba(255,71,87,.18),var(--sf-shadow);}
.sf-card.has-captcha .sf-capsule{
    max-width:none;border:0;box-shadow:none;background:transparent;padding:4px 4px 4px 14px;
}
.sf-card.has-captcha .sf-capsule:focus-within{border:0;box-shadow:none;}
.sf-captcha{
    margin:6px 4px 4px;padding-top:10px;border-top:1.5px dashed var(--sf-line);
    display:flex;justify-content:center;min-height:75px;overflow:hidden;
}
.sf-captcha .cf-turnstile{width:100%;max-width:100%;}
.sf-captcha iframe{max-width:100%;}
@media(max-width:900px){.sf-card{max-width:560px;width:100%;}}
@media(max-width:640px){
    .sf-card.has-captcha{border-radius:28px;padding:6px;}
    .sf-card.has-captcha .sf-capsule{padding:6px 8px 8px 10px;}
}