*{margin:0;padding:0;box-sizing:border-box}
:root{
 --bg:#101827;--surface:#182235;--surface-2:#202c42;--ink:#f8fafc;--muted:#b8c2d3;--line:#314057;
 --accent:#5b8cff;--accent-2:#a66cff;--soft:#1e3156;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--ink);line-height:1.6}
body.modal-open{overflow:hidden}
a{text-decoration:none;color:inherit}
.page-shell{min-height:100vh;overflow:hidden}
.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,92px);background:rgba(255,255,255,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}
.brand,.footer-brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-weight:800;font-size:19px}
.brand img,.footer-brand img{width:36px;height:36px;object-fit:contain;border-radius:10px}
.btn-register{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;padding:11px 18px;border-radius:12px;font-weight:700;font-size:14px;transition:.25s}
.btn-register:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10182822}
.btn-register span{font-size:18px}
.hero{max-width:1250px;margin:auto;min-height:535px;padding:75px clamp(22px,6vw,70px) 65px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px}
.hero-copy{position:relative;z-index:2}
.eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--accent)}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--soft);padding:8px 12px;border-radius:999px}
.dot{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #12b76a18}
h1{font-family:Manrope,sans-serif;font-size:clamp(42px,6vw,76px);line-height:1.03;letter-spacing:-.055em;margin:20px 0 22px}
h1 em{font-style:normal;background:linear-gradient(100deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy>p{max-width:600px;color:var(--muted);font-size:17px}
.hero-link{display:inline-flex;gap:10px;margin-top:28px;font-weight:800;color:var(--ink);border-bottom:1px solid #cdd2da;padding-bottom:5px}
.hero-link span{font-size:18px}
.hero-orbit{height:350px;position:relative;display:grid;place-items:center}
.hero-ring{width:300px;height:300px;border-radius:50%;border:1px solid #dfe4ec;box-shadow:0 0 0 35px #f0f3f8,0 0 0 70px #f5f6f9}
.hero-center{width:105px;height:105px;border-radius:30px;background:#fff;box-shadow:0 20px 60px #10182818;display:grid;place-items:center;font-family:Manrope;font-size:27px;font-weight:800;position:absolute}
.orbit-card{position:absolute;background:#fff;border:1px solid #e6e9ef;border-radius:16px;padding:14px 18px;font-size:10px;letter-spacing:.08em;line-height:1.3;box-shadow:0 15px 45px #10182812}
.orbit-card strong{font-size:12px}.orbit-one{top:24px;right:6%}.orbit-two{bottom:30px;left:4%;background:var(--ink);color:#fff}
.content-section{max-width:1250px;margin:auto;padding:55px clamp(22px,6vw,70px) 90px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.section-heading h2{font-family:Manrope;font-size:clamp(28px,4vw,40px);letter-spacing:-.035em;margin-top:5px}
.section-heading>p{max-width:410px;color:var(--muted);font-size:14px}
.cards-container{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}
.card{grid-column:span 6;background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px #1018280a;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-5px);box-shadow:0 20px 50px #10182815}
.card:nth-child(1),.card:nth-child(2){grid-column:span 6}
.card-media{position:relative;background:#f1f3f7;min-height:330px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}
.card-media img{width:100%;height:100%;min-height:330px;object-fit:contain;display:block;transition:transform .45s}
.card-media:hover img{transform:scale(1.025)}
.card-media video{width:100%;height:100%;min-height:330px;object-fit:contain;display:block;background:#0c111d}
.media-badge{position:absolute;top:14px;left:14px;background:#fff;color:var(--ink);padding:7px 10px;border-radius:9px;font-size:11px;font-weight:800;box-shadow:0 5px 18px #10182818;z-index:2}
.expand-hint{position:absolute;right:14px;bottom:14px;background:#101828dd;color:#fff;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:700;opacity:0;transform:translateY(5px);transition:.25s}
.card-media:hover .expand-hint{opacity:1;transform:none}
.card-body{padding:24px 25px 27px}
.card-body h3{font-family:Manrope;font-size:19px;line-height:1.3;letter-spacing:-.025em;margin-bottom:10px}
.card-body p{color:var(--muted);font-size:14px;line-height:1.7}
.card-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px;background:#f4f6f9;min-height:330px}
.gallery-item{background:#fff;border:1px solid #e4e7ec;border-radius:13px;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:pointer}
.gallery-item img{width:100%;height:300px;object-fit:contain;transition:.4s}
.gallery-item:hover img{transform:scale(1.03)}
.site-footer{border-top:1px solid var(--line);background:#fff;min-height:110px;padding:25px clamp(22px,6vw,92px);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}
.footer-brand{color:var(--ink);font-size:15px}.footer-brand img{width:30px;height:30px}
.media-modal{position:fixed;inset:0;background:rgba(8,13,24,.94);z-index:100;display:none;align-items:center;justify-content:center;padding:35px}
.media-modal.open{display:flex}
.modal-content{max-width:94vw;max-height:84vh;display:flex;align-items:center;justify-content:center}
.modal-content img,.modal-content video{max-width:94vw;max-height:84vh;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 25px 80px #0008}
.modal-content video{background:#000}
.modal-close{position:fixed;right:22px;top:18px;width:44px;height:44px;border:1px solid #ffffff33;background:#ffffff18;color:#fff;border-radius:50%;font-size:30px;line-height:1;cursor:pointer}
.modal-caption{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:#fff;font-size:13px;background:#0008;padding:8px 14px;border-radius:999px;max-width:85vw;text-align:center}
@media(max-width:850px){
 .hero{grid-template-columns:1fr;padding-top:55px;min-height:auto}.hero-orbit{height:260px;order:-1}.hero-ring{width:210px;height:210px}.hero-center{width:80px;height:80px}.orbit-one{right:0}.orbit-two{left:0}
 .section-heading{display:block}.section-heading>p{margin-top:10px}.card,.card:nth-child(1),.card:nth-child(2){grid-column:1/-1}
}
@media(max-width:560px){
 .site-header{height:70px}.brand span{display:none}.btn-register{padding:10px 13px}.hero{padding-left:18px;padding-right:18px}.content-section{padding-left:18px;padding-right:18px}.card-media,.card-media img,.card-media video{min-height:245px}.card-gallery{min-height:245px}.gallery-item img{height:220px}.card-body{padding:20px}.site-footer{flex-direction:column;align-items:flex-start}
 h1{font-size:43px}.hero-copy>p{font-size:15px}
}


/* --- Modern v3 refinements --- */
.site-header .brand span{font-size:16px;letter-spacing:-.02em}
.hero{grid-template-columns:1fr 1fr;min-height:570px}
.hero-visual{position:relative;height:390px;border-radius:28px;overflow:hidden;background:#e9edf3;box-shadow:0 28px 70px #10182818;border:1px solid #e3e7ee}
.hero-image{width:100%;height:100%;object-fit:cover;display:block}
.hero-image-overlay{position:absolute;inset:auto 18px 18px 18px;padding:17px 19px;border-radius:18px;background:linear-gradient(120deg,#101828e8,#1018289e);color:#fff;backdrop-filter:blur(8px)}
.hero-image-overlay span{font-size:10px;letter-spacing:.15em;font-weight:800;display:block;margin-bottom:4px}
.hero-image-overlay strong{font-family:Manrope;font-size:22px}
.content-section{padding-top:35px}
.section-heading{margin-bottom:24px}
.section-heading h2{font-size:32px}
.cards-container{grid-template-columns:repeat(12,1fr);gap:26px}
.card{background:#fff;border-radius:24px;padding:0;overflow:hidden;border:1px solid #e4e8ef;box-shadow:0 10px 32px #1018280b}
.card-body{padding:20px 22px 23px}
.card-body h3{font-size:18px}
.card-media{min-height:255px;padding:12px;background:linear-gradient(145deg,#f4f6f9,#edf1f6)}
.card-media img{min-height:230px;height:230px;object-fit:contain;border-radius:14px}
.media-badge{top:22px;left:22px;border:1px solid #e7eaf0}
.expand-hint{opacity:1;transform:none}
.video-card-media{padding:12px;background:linear-gradient(145deg,#f4f6f9,#edf1f6)}
.video-preview{position:relative;border-radius:16px;overflow:hidden;background:#0b1019;aspect-ratio:16/9;box-shadow:0 12px 30px #10182818}
.video-preview video{width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.video-play-overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;border:0;border-radius:50%;background:#fff;color:#101828;font-size:21px;padding-left:4px;box-shadow:0 12px 30px #0004;cursor:pointer;transition:.2s}
.video-play-overlay:hover{transform:translate(-50%,-50%) scale(1.08)}
.video-caption{display:flex;justify-content:space-between;align-items:center;padding:11px 4px 2px;color:#475467;font-size:11px;font-weight:800}
.video-caption small{font-weight:600;color:#98a2b3}
.card-gallery{position:relative;min-height:255px;padding:42px 12px 12px;background:linear-gradient(145deg,#f4f6f9,#edf1f6);grid-template-columns:1fr 1fr}
.gallery-label{position:absolute;top:12px;left:14px;font-size:10px;font-weight:800;letter-spacing:.08em;color:#667085}
.gallery-item{height:190px;border-radius:14px}
.gallery-item img{height:190px;object-fit:contain}
.card:nth-child(1) .card-media{background:linear-gradient(145deg,#edf4ff,#f6f1ff)}
.card:nth-child(2) .video-card-media{background:linear-gradient(145deg,#eef2ff,#f5f3ff)}
.card:nth-child(3) .card-media{background:linear-gradient(145deg,#ecfdf3,#f4fbf7)}
.card:nth-child(4) .card-gallery{background:linear-gradient(145deg,#fff8ed,#f9f4ff)}
.card:nth-child(1) .card-body h3::first-letter{color:#155eef}
@media(max-width:850px){
 .hero{grid-template-columns:1fr;padding-top:45px}
 .hero-visual{height:300px;order:-1}
}
@media(max-width:560px){
 .site-header .brand span{display:block;font-size:14px}
 .hero-visual{height:270px;border-radius:22px}
 .hero-image-overlay strong{font-size:18px}
 .card-media,.card-media img{min-height:215px;height:215px}
 .video-preview{aspect-ratio:16/9}
 .card-gallery{min-height:225px}
 .gallery-item,.gallery-item img{height:155px}
 .section-heading h2{font-size:25px}
}


/* --- v4 premium colorful dark theme --- */
body{
 background:
 radial-gradient(circle at 8% 8%, rgba(91,140,255,.16), transparent 28%),
 radial-gradient(circle at 92% 22%, rgba(166,108,255,.13), transparent 25%),
 linear-gradient(145deg,#0b1220 0%,#111a2b 48%,#0d1626 100%);
 color:var(--ink);
}
.site-header{
 background:rgba(11,18,32,.78);
 border-bottom:1px solid #ffffff16;
}
.btn-register{background:linear-gradient(135deg,#5b8cff,#7f56d9)}
.hero{
 position:relative;
}
.hero-copy>p{color:#c1cadd}
.hero-link{color:#fff;border-color:#ffffff2c}
.eyebrow{background:#1b2c4b;color:#8eb1ff}
.hero-visual{
 background:#101827;
 border:1px solid #ffffff20;
 box-shadow:0 30px 90px #0008;
}
.hero-visual::after{
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(180deg,rgba(8,14,25,.15),rgba(8,14,25,.72));
 pointer-events:none;
}
.hero-image{
 object-fit:cover;
}
.hero-image-overlay{
 z-index:2;
 background:linear-gradient(120deg,#08101ee8,#17233bdd);
 border:1px solid #ffffff1d;
}
.content-section{
 position:relative;
}
.section-heading h2{color:#fff}
.cards-container{gap:24px}
.card{
 background:linear-gradient(145deg,#1b2639,#152033);
 border:1px solid #ffffff16;
 box-shadow:0 20px 50px #00000030;
}
.card:hover{
 box-shadow:0 25px 65px #00000055;
}
.card-body h3{color:#fff}
.card-body p{color:#b8c2d3}
.card-media,
.video-card-media,
.card-gallery{
 border-top:1px solid #ffffff10;
}
.card-media{background:linear-gradient(145deg,#172b4d,#2a1f4d)}
.video-card-media{background:linear-gradient(145deg,#182b46,#27204a)}
.card-gallery{background:linear-gradient(145deg,#28301e,#30233c)}
.media-badge{
 background:#111a2b;
 color:#fff;
 border:1px solid #ffffff1c;
}
.video-caption{color:#d5dbea}
.video-caption small{color:#94a0b6}
.gallery-label{color:#b9c5d9}
.gallery-item{
 background:#101827;
 border-color:#ffffff16;
}
.site-footer{
 background:#0b1220;
 border-top:1px solid #ffffff14;
 color:#9eabc0;
}
.footer-brand{color:#fff}
.modal-caption{background:#101827dd}

/* v5 video hero + payout video */
.hero-visual{position:relative;isolation:isolate}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(5,10,20,.25),rgba(10,17,31,.55))}
.hero-image-overlay{z-index:2}
.payout-media{background:linear-gradient(145deg,#172d32,#24204a)}
.payout-media .video-preview{cursor:pointer}


/* --- v6 compact header navigation --- */
.site-header{
    gap:18px;
    padding-left:clamp(16px,4vw,70px);
    padding-right:clamp(16px,4vw,70px);
}
.brand{
    flex:0 0 auto;
    min-width:112px;
    gap:9px;
}
.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1.02;
    white-space:nowrap;
}
.brand-text strong{
    font-family:Manrope,sans-serif;
    font-size:17px;
    letter-spacing:-.03em;
    color:#fff;
}
.brand-text small{
    margin-top:4px;
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:#91a0b7;
}
.quick-nav{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex:1 1 auto;
    min-width:0;
    overflow-x:auto;
    scrollbar-width:none;
    padding:2px 0;
}
.quick-nav::-webkit-scrollbar{display:none}
.quick-btn{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:38px;
    padding:8px 12px;
    border-radius:11px;
    border:1px solid transparent;
    font-size:11px;
    font-weight:800;
    white-space:nowrap;
    transition:transform .2s,filter .2s,box-shadow .2s;
}
.quick-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
    box-shadow:0 9px 24px #0004;
}
.quick-blue{background:#163968;border-color:#2e5c99;color:#b9d6ff}
.quick-purple{background:#39235f;border-color:#7046a8;color:#e4caff}
.quick-green{background:#163f37;border-color:#287767;color:#b8f1df}
.site-header .btn-register{
    flex:0 0 auto;
    white-space:nowrap;
}
.card{scroll-margin-top:105px}
@media(max-width:1050px){
    .quick-btn{padding:8px 10px;font-size:10px}
    .quick-btn span{display:inline}
}
@media(max-width:760px){
    .site-header{
        height:74px;
        gap:9px;
        align-items:center;
    }
    .brand{min-width:105px}
    .brand img{width:32px;height:32px}
    .brand-text strong{font-size:15px}
    .brand-text small{font-size:8px}
    .quick-nav{
        justify-content:flex-start;
        gap:6px;
    }
    .quick-btn{
        min-height:36px;
        padding:8px 10px;
        font-size:10px;
        border-radius:10px;
    }
    .site-header .btn-register{
        padding:9px 11px;
        font-size:10px;
    }
    .site-header .btn-register span{display:none}
}
@media(max-width:560px){
    .site-header{padding:0 10px}
    .brand{min-width:100px}
    .brand-text strong{font-size:14px}
    .quick-btn{min-height:35px}
}


/* --- v7 AdsBlog details / Read More --- */
.read-more-btn{
    margin-top:16px;
    border:0;
    border-radius:11px;
    padding:10px 14px;
    background:linear-gradient(135deg,#315fbd,#7547a8);
    color:#fff;
    font:700 12px 'DM Sans',sans-serif;
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    gap:8px;
    transition:.2s;
}
.read-more-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.read-more-btn span{font-size:17px}
.details-modal{
    position:fixed;
    inset:0;
    z-index:120;
    display:none;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:rgba(3,7,14,.84);
    backdrop-filter:blur(12px);
}
.details-modal.open{display:flex}
.details-panel{
    width:min(760px,96vw);
    max-height:90vh;
    overflow:auto;
    border:1px solid #ffffff1c;
    border-radius:25px;
    padding:28px;
    background:linear-gradient(145deg,#18243a,#101a2b);
    box-shadow:0 30px 100px #0009;
}
.details-close{
    float:right;
    width:40px;height:40px;
    border-radius:50%;
    border:1px solid #ffffff20;
    background:#ffffff10;
    color:#fff;
    font-size:27px;
    cursor:pointer;
}
.details-kicker{
    color:#8fb2ff;
    font-size:10px;
    font-weight:800;
    letter-spacing:.16em;
}
.details-top{padding-right:45px;margin-bottom:22px}
.details-top h2{
    margin:7px 0 8px;
    color:#fff;
    font:800 30px/1.15 Manrope,sans-serif;
    letter-spacing:-.04em;
}
.details-top p{color:#aebbd0;font-size:13px}
.details-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
}
.detail-item{
    display:grid;
    grid-template-columns:28px 1fr;
    column-gap:9px;
    padding:14px;
    border:1px solid #ffffff12;
    border-radius:15px;
    background:#ffffff08;
    color:#dce4f2;
    font-size:13px;
}
.detail-item strong{color:#fff}
.detail-item span{
    grid-column:2;
    color:#9eabc0;
    font-size:11px;
    line-height:1.5;
    margin-top:3px;
}
.details-note{
    display:flex;
    gap:10px;
    margin-top:15px;
    padding:14px;
    border-radius:14px;
    background:#1b3153;
    border:1px solid #416ca5;
    color:#cbdcff;
    font-size:11px;
}
.details-note p{margin:0;line-height:1.55}
.details-register{
    display:flex;
    align-items:center;
    justify-content:center;
    margin-top:18px;
    min-height:47px;
    border-radius:13px;
    background:linear-gradient(135deg,#5b8cff,#8a55d8);
    color:#fff;
    font-weight:800;
    font-size:14px;
}
.register-hint{
    text-align:center;
    color:#7f8ca1;
    font-size:10px;
    margin-top:8px;
}
.register-hint code{color:#aab7ca}
@media(max-width:600px){
    .details-panel{padding:20px;border-radius:20px}
    .details-grid{grid-template-columns:1fr}
    .details-top h2{font-size:25px}
}


/* --- Ads Blog opportunity card --- */
.opportunity-media{
    background:linear-gradient(145deg,#10291d,#152b26);
}
.opportunity-media img{
    object-fit:cover;
    object-position:center;
}
.card:nth-child(3) .card-media{
    background:linear-gradient(145deg,#10291d,#152b26);
}
.join-ads-btn{
    margin-top:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    min-height:42px;
    padding:10px 15px;
    border-radius:11px;
    background:linear-gradient(135deg,#315fbd,#7547a8);
    color:#fff;
    font:700 12px 'DM Sans',sans-serif;
    text-decoration:none;
    transition:.2s;
}
.join-ads-btn:hover{
    transform:translateY(-2px);
    filter:brightness(1.1);
}
.join-ads-btn span{font-size:17px}
@media(max-width:600px){
    .opportunity-media img{object-fit:cover}
}

/* --- v9 live-style notifications + floating actions --- */
.activity-toast,
.care-toast{
    position:fixed;
    z-index:180;
    display:flex;
    align-items:center;
    gap:12px;
    color:#fff;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 22px 70px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.03) inset;
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
}
.activity-toast{
    top:92px;
    left:50%;
    width:min(560px,calc(100vw - 28px));
    transform:translate(-50%,-24px) scale(.96);
    opacity:0;
    pointer-events:none;
    padding:12px 14px;
    border-radius:18px;
    background:linear-gradient(135deg,rgba(10,26,38,.96),rgba(20,49,44,.94));
    transition:opacity .35s ease,transform .35s ease;
}
.activity-toast.show{opacity:1;transform:translate(-50%,0) scale(1);pointer-events:auto}
.toast-icon{
    width:40px;height:40px;flex:0 0 40px;border-radius:13px;
    display:grid;place-items:center;background:linear-gradient(135deg,#16b364,#00a67d);
    color:#fff;font-weight:900;font-size:20px;box-shadow:0 8px 24px rgba(0,170,110,.25);
}
.toast-copy{min-width:0;flex:1}
.toast-label{display:block;color:#72f1b5;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:2px}
.toast-copy p{margin:0;color:#eefaf5;font-size:12px;line-height:1.45}
.toast-close,.care-close{
    width:30px;height:30px;flex:0 0 30px;border:1px solid #ffffff18;border-radius:50%;
    background:#ffffff0c;color:#dcebe5;font-size:19px;cursor:pointer;line-height:1;
}

.care-toast{
    right:18px;
    top:154px;
    width:min(430px,calc(100vw - 28px));
    padding:14px;
    border-radius:20px;
    background:linear-gradient(135deg,rgba(21,25,53,.98),rgba(39,28,69,.96));
    transform:translateX(calc(100% + 30px));
    opacity:0;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s ease;
}
.care-toast.show{transform:translateX(0);opacity:1}
.care-close{position:absolute;right:10px;top:9px}
.care-icon{
    width:43px;height:43px;flex:0 0 43px;border-radius:14px;display:grid;place-items:center;
    background:linear-gradient(135deg,#25d366,#128c7e);font-size:21px;
}
.care-copy{display:flex;flex-direction:column;gap:2px;padding-right:4px}
.care-copy strong{font-family:Manrope,sans-serif;font-size:13px;color:#fff}
.care-copy span{font-size:10px;color:#bfc9df;line-height:1.45}
.care-action{
    flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:38px;
    padding:8px 11px;border-radius:11px;background:linear-gradient(135deg,#25d366,#128c7e);
    color:#fff;font-size:10px;font-weight:900;text-align:center;line-height:1.15;
    box-shadow:0 8px 22px rgba(37,211,102,.18);
}

.floating-actions{position:fixed;inset:0;z-index:170;pointer-events:none}
.floating-register,
.floating-whatsapp{
    position:fixed;pointer-events:auto;display:flex;align-items:center;text-decoration:none;
    box-shadow:0 18px 50px rgba(0,0,0,.35);transition:transform .25s ease,filter .25s ease,box-shadow .25s ease;
}
.floating-register:hover,.floating-whatsapp:hover{transform:translateY(-3px);filter:brightness(1.08);box-shadow:0 22px 58px rgba(0,0,0,.45)}
.floating-register{
    left:16px;bottom:20px;gap:9px;padding:7px 13px 7px 7px;border-radius:999px;
    background:linear-gradient(135deg,#5b8cff,#8557db);border:1px solid #ffffff22;color:#fff;
}
.floating-register-icon{
    width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;
    border:1px solid #ffffff22;font-size:19px;
}
.floating-register-label{display:flex;flex-direction:column;line-height:1.1;min-width:90px}
.floating-register-label b{font-size:11px;font-weight:900}
.floating-register-label small{font-size:8px;color:#dbe5ff;margin-top:3px}
.phrase-in{animation:phraseIn .35s ease}
@keyframes phraseIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.floating-whatsapp{
    right:16px;bottom:20px;gap:8px;padding:9px 15px 9px 9px;border-radius:999px;
    background:linear-gradient(135deg,#25d366,#128c7e);border:1px solid #ffffff2b;color:#fff;
    font-size:10px;font-weight:900;
}
.whatsapp-icon{
    width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;
    border:1px solid #ffffff24;font-size:22px;line-height:1;
}

@media(max-width:650px){
    .activity-toast{top:82px}
    .care-toast{top:142px;right:14px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:9px}
    .care-action{grid-column:1/-1;width:100%;min-height:40px}
    .floating-register{left:10px;bottom:12px;padding-right:11px}
    .floating-whatsapp{right:10px;bottom:12px;padding-right:11px}
    .floating-whatsapp>span:last-child{max-width:115px;white-space:normal}
}
@media(max-width:430px){
    .toast-copy p{font-size:11px}
}


/* --- V11 floating action refinement --- */
.floating-register{
    left:12px;
    bottom:18px;
    min-width:196px;
    max-width:calc(100vw - 86px);
    gap:10px;
    padding:7px 15px 7px 7px;
}
.floating-register-label{
    min-width:0;
    width:135px;
}
.floating-register-label b{
    display:block;
    white-space:nowrap;
    font-size:12px;
    line-height:1.15;
}
.floating-register-label small{display:none}
.floating-whatsapp{
    right:14px;
    bottom:18px;
    width:52px;
    height:52px;
    padding:5px;
    display:grid;
    place-items:center;
    border-radius:50%;
    gap:0;
    box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,.55);
    animation:whatsappGlow 2.2s ease-in-out infinite;
}
.whatsapp-icon{
    width:42px;
    height:42px;
    border-radius:50%;
    display:grid;
    place-items:center;
    background:#25d366;
    border:1px solid rgba(255,255,255,.4);
}
.whatsapp-icon svg{width:25px;height:25px;fill:#fff;display:block}
@keyframes whatsappGlow{
    0%,100%{box-shadow:0 12px 34px rgba(0,0,0,.35),0 0 0 0 rgba(37,211,102,.5)}
    50%{box-shadow:0 14px 40px rgba(0,0,0,.4),0 0 0 10px rgba(37,211,102,0)}
}
@media(max-width:650px){
    .floating-register{left:10px;bottom:12px;min-width:190px;max-width:calc(100vw - 82px);padding-right:13px}
    .floating-register-label{width:130px}
    .floating-register-label b{font-size:11px}
    .floating-whatsapp{right:10px;bottom:12px;width:50px;height:50px}
    .whatsapp-icon{width:40px;height:40px}
}
@media(max-width:430px){
    .floating-register{min-width:184px;max-width:calc(100vw - 76px);padding:6px 11px 6px 6px}
    .floating-register-label{display:flex;width:auto;flex:1}
    .floating-register-label b{font-size:11px}
    .floating-register-icon{width:42px;height:42px;flex:0 0 42px}
    .floating-whatsapp{width:48px;height:48px}
    .whatsapp-icon{width:38px;height:38px}
}

/* --- V10 hero image + premium animated footer + cleaner toast placement --- */
.hero-video{display:none !important}
.hero-visual .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.hero-visual::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,rgba(5,10,20,.18),rgba(10,17,31,.58))}
.hero-image-overlay{z-index:2}

/* Keep customer-care notice high, compact and away from the main content. */
.care-toast{top:82px;right:18px;width:min(390px,calc(100vw - 36px));}
.activity-toast{top:154px;}

.site-footer{position:relative;isolation:isolate;display:block;overflow:hidden;min-height:185px;padding:34px clamp(22px,6vw,92px) 28px;background:radial-gradient(circle at 50% 0%,rgba(91,140,255,.16),transparent 42%),linear-gradient(145deg,#070d19,#0d1626 55%,#090f1b);border-top:1px solid rgba(255,255,255,.12);color:#aebbd0}
.footer-inner{position:relative;z-index:3;max-width:1250px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.footer-brand-block{display:flex;flex-direction:column;gap:8px}
.footer-brand{color:#fff;font-size:16px;gap:10px}
.footer-brand img{width:34px;height:34px;border-radius:10px}
.footer-love{margin:0;color:#d8e0ee;font-size:12px;font-weight:700}
.footer-love span{display:inline-block;animation:heartBeat 1.8s ease-in-out infinite}
.footer-company{margin:0;color:#6fe4ff;font:800 11px Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.footer-right{display:flex;align-items:center;gap:10px;color:#8f9eb4;font-size:11px;font-weight:700;text-align:right}
.footer-right p{margin:0}
.footer-pulse{width:8px;height:8px;border-radius:50%;background:#35d399;box-shadow:0 0 0 0 rgba(53,211,153,.55);animation:footerPulse 2s infinite}
.footer-glow{position:absolute;z-index:1;left:50%;top:-70px;width:360px;height:130px;transform:translateX(-50%);border-radius:50%;background:rgba(91,140,255,.18);filter:blur(45px);animation:footerGlow 5s ease-in-out infinite}
.footer-glow::after{content:"";position:absolute;left:50%;top:72px;width:120px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#65d8ff,transparent);box-shadow:0 0 20px #65d8ff;animation:footerLine 2.8s ease-in-out infinite}
.footer-spark{position:absolute;z-index:2;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 14px #8ccfff;opacity:.35;animation:sparkFloat 5s ease-in-out infinite}
.spark-one{left:18%;bottom:22px}.spark-two{left:72%;bottom:48px;animation-delay:1.5s}.spark-three{left:86%;bottom:24px;animation-delay:3s}
@keyframes heartBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(1)}}
@keyframes footerPulse{0%{box-shadow:0 0 0 0 rgba(53,211,153,.5)}70%{box-shadow:0 0 0 9px rgba(53,211,153,0)}100%{box-shadow:0 0 0 0 rgba(53,211,153,0)}}
@keyframes footerGlow{0%,100%{opacity:.55;transform:translateX(-50%) scale(.95)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}
@keyframes footerLine{0%,100%{opacity:.35;width:70px}50%{opacity:1;width:180px}}
@keyframes sparkFloat{0%,100%{transform:translateY(0) scale(.8);opacity:.2}50%{transform:translateY(-24px) scale(1.2);opacity:.8}}
@media(max-width:650px){
 .care-toast{top:76px;right:12px;width:min(360px,calc(100vw - 24px))}
 .activity-toast{top:150px}
 .site-footer{min-height:215px;padding:30px 18px 26px}
 .footer-inner{flex-direction:column;align-items:flex-start;gap:18px}
 .footer-right{text-align:left}
}


/* V11 final mobile floating-button overrides */
.floating-whatsapp > span:last-child{display:none !important}
.floating-register-label small{display:none !important}
@media(max-width:430px){
  .floating-register-label{display:flex !important}
  .floating-whatsapp{font-size:0 !important;max-width:none !important}
}

/* V12 - WhatsApp floating button: clean WhatsApp logo + soft ripple rings */
.floating-whatsapp{
  width:64px !important;
  height:64px !important;
  padding:0 !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#25D366 !important;
  border:3px solid rgba(255,255,255,.92) !important;
  color:#fff !important;
  box-shadow:0 10px 28px rgba(0,0,0,.32),0 0 0 8px rgba(37,211,102,.16),0 0 30px rgba(37,211,102,.42) !important;
  overflow:visible !important;
  animation:waButtonPulse 2.2s ease-in-out infinite !important;
}
.floating-whatsapp::before,
.floating-whatsapp::after{
  content:"";
  position:absolute;
  inset:-8px;
  border:2px solid rgba(37,211,102,.42);
  border-radius:50%;
  pointer-events:none;
  animation:waRipple 2.4s ease-out infinite;
}
.floating-whatsapp::after{animation-delay:1.2s}
.floating-whatsapp .whatsapp-icon{
  width:44px !important;
  height:44px !important;
  display:grid !important;
  place-items:center !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  position:relative;
  z-index:2;
  color:#fff !important;
}
.floating-whatsapp .whatsapp-icon svg{
  width:42px !important;
  height:42px !important;
  display:block !important;
  fill:#fff !important;
}
.floating-whatsapp > span:last-child{display:none !important}
@keyframes waButtonPulse{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-2px) scale(1.04)}
}
@keyframes waRipple{
  0%{transform:scale(.82);opacity:.75}
  70%{transform:scale(1.5);opacity:0}
  100%{transform:scale(1.5);opacity:0}
}
@media(max-width:650px){
  .floating-whatsapp{right:14px !important;bottom:14px !important;width:62px !important;height:62px !important}
  .floating-whatsapp .whatsapp-icon{width:43px !important;height:43px !important}
  .floating-whatsapp .whatsapp-icon svg{width:40px !important;height:40px !important}
}
@media(max-width:430px){
  .floating-whatsapp{right:12px !important;bottom:12px !important;width:60px !important;height:60px !important}
  .floating-whatsapp .whatsapp-icon{width:42px !important;height:42px !important}
  .floating-whatsapp .whatsapp-icon svg{width:39px !important;height:39px !important}
}