body,p{color:var(--txt-color);font-family:var(--font-OpenSans)}#app_logo>a,#features,#menu>ul>li>a,.container,.google_review>a,body{position:relative}#statistics .box>div>p,#v2_best .right .box>h3{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}#FAQs .FAQs_box,#statistics .box,#v2_best .right .box,.features_box{}#FAQs .FAQs_box .FAQs_btn>span,#v2_best .right .box>span{padding:5px;box-shadow:rgba(0,0,0,.06) 0 2px 4px 0 inset;background-color:var(--footerBG-color)}#FAQs .FAQs_box .FAQs_btn>span,#payout-rates .payout-rates tr:nth-child(odd),#v2_best .right .box>span{background-color:var(--footerBG-color)}#footer,#hero .hero .left,#payout-rates .payout-rates td:last-child,.banner-page .container.links,.features_box,.section_title{text-align:center}*,::after,::before{margin:0;padding:0;box-sizing:border-box}:root{--white-color:white;--black-color:black;--border-color:#cfcfcf;--border_2-color:#e4e4e7;--txt-color:rgb(122 122 122);--heading-color:rgb(1, 41, 112);--heading_2-color:#e21e1e !important;--primary-color:rgb(255 0 52);--footer-color:#999;--footerBG-color:#f6f9ff;--shadow-btn:#4e88f480;--font-Nunito:'Nunito',sans-serif;--font-OpenSans:'Open Sans',sans-serif}body,html{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);width:100%;overflow-x:hidden;scroll-behavior:smooth}body{background:var(--white-color)}p{font-size:1.25rem;line-height:1.8rem}a{display:inline-block;text-decoration:none;color:var(--heading_2-color)}#menu>ul,nav{display:flex}#app_logo>a>span,#hero .hero .left .new,#menu>ul>li>a,#statistics .box>div>p,#v2_best .right .box>span,h1,h2,h3,h4,h5{color:var(--heading-color)}h1,h2,h3,h4,h5{font-family:var(--font-Nunito)}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.2rem}h5{font-size:1rem}::-webkit-scrollbar-track{background:var(--border_2-color);margin-top:-5px}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:10px}#hero .hero .left .new,#hero .hero .left .new:after,#post #post-title,#statistics .box,#v2_best .right .box,.banner-page .container.links,.features_box,header{background:var(--white-color)}::-webkit-scrollbar{width:5px}.container{max-width:1200px;margin-inline:auto;padding-inline:1.3rem}.section_title{margin-bottom:17px}.section_title>h2{text-decoration-style:wavy;text-decoration-color:var(--heading_2-color)}.section_title>p{font-size:13px;font-weight:700;letter-spacing:4px;color:var(--border-color);font-family:var(--font-Nunito)}#FAQs .FAQs_box>button,.google_review>a{color:var(--heading_2-color);font-family:var(--font-Nunito)}header{width:100%;position:fixed;top:0;left:0;right:0;z-index:999999;border-bottom:1px solid var(--border_2-color)}header.sticky_menu{animation:.7s cubic-bezier(.39,.58,.57,1) forwards sticky_menu}@keyframes sticky_menu{from{top:-25px}to{top:0}}nav{height:68px;justify-content:space-between;align-items:center;flex-direction:row}#app_logo>a{margin-left:5px;padding-inline:7px}#app_logo>a::after,#app_logo>a::before{content:'';width:20px;height:20px;position:absolute;transition:1s ease-in-out}#app_logo>a::before{right:1px;bottom:3px;border:8px solid var(--primary-color);border-width:0 4.5px 4.5px 0;border-radius:2px}#app_logo>a::after{top:1.5px;left:1px;border:8px solid var(--primary-color);border-width:4.5px 0 0 4.5px;border-radius:2px}#app_logo:hover :after,#app_logo:hover :before{transform:scale(1.1)}#app_logo>a>span{font-size:30px;font-weight:800;letter-spacing:1px;font-family:var(--font-Nunito)}#mobile-toggle{display:none;border-radius:7px}#mobile-toggle .hamburger{cursor:pointer;display:flex;align-items:center;justify-content:center}#mobile-toggle .hamburger input{display:none}#mobile-toggle .hamburger svg{height:2.6em;width:2.7em;transition:transform .6s cubic-bezier(.4, 0, .2, 1)}#mobile-toggle .line{fill:none;stroke:rgb(0 0 0);stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5px;transition:stroke-dasharray .6s cubic-bezier(.4, 0, .2, 1),stroke-dashoffset .6s cubic-bezier(.4, 0, .2, 1)}#statistics .box,#v2_best .right .box>span{transition:.5s cubic-bezier(.25, .46, .45, .94);overflow:hidden}#mobile-toggle .line-top-bottom{stroke-dasharray:12 63}#mobile-toggle .hamburger input:checked+svg{transform:rotate(-45deg)}#mobile-toggle .hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}#menu{display:inline-flex;justify-content:center}#menu>ul{align-items:center;flex-direction:row;gap:30px}#hero .hero,#menu>ul>li>a.btn{display:flex;align-items:center}#menu>ul>li{list-style:none}#menu>ul>li>a{font-size:16px;font-weight:800;font-family:var(--font-Nunito)}#menu>ul>li>a::before{content:'';position:absolute;width:0;bottom:0;left:0;right:0;margin:auto;border-bottom:2px solid var(--primary-color);transition:.7s cubic-bezier(0, 0, .2, 1)}#hero .hero .left,#hero .hero .right,#menu>ul>li>a:hover:before,.banner-page .link-details>img{width:100%}#menu>ul>li>a:hover{color:var(--primary-color)}#menu>ul>li>a.btn{padding:8px 20px;border-radius:4px;color:var(--white-color);background:var(--primary-color);flex-direction:row;gap:5px;transition:1s ease-in-out;box-shadow:0 0 0 .07rem var(--shadow-btn)}#menu>ul>li>a.btn::before{width:0!important}#menu>ul>li>a.btn:hover{box-shadow:0 0 0 .25rem var(--shadow-btn)}#hero{display:flex;height:100dvh;flex-direction:column;justify-content:space-between}#hero .hero{justify-content:space-between;height:100%;margin-top:60px;margin-bottom:10px;gap:20px}#hero .hero .left .new{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:700;padding:2px 4px;border-radius:7px;cursor:pointer;position:relative;overflow:hidden;font-family:var(--font-Nunito);border:1px solid var(--border_2-color)}#hero .hero .left .btn>a,#hero .hero .left .new>span{border-radius:4px;color:var(--white-color);background:var(--primary-color)}#hero .hero .left .new>span{height:100%;padding:1px 10px;backface-visibility:hidden}#hero .hero .left .new:after{content:'';position:absolute;top:0;bottom:0;left:-100%;width:100%;height:100%;filter:blur(10px);animation:3s ease-in-out 3s 2 newView;transform:rotate(318deg)}@keyframes newView{0%{left:-100%}100%{left:100%}}#hero .hero .left>h2{font-size:48px;font-weight:700;margin-top:4px}#hero .hero .left>p{font-size:24px;margin-top:10px}.google_review{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:15px;font-weight:900}.google_review>a{font-size:15px}.google_review>a>span{font-size:16px;margin-left:1.4px;margin-right:3px}.google_review>a::after{content:"";position:absolute;left:0;right:0;bottom:0;width:100%;height:5px;margin-bottom:-1px;background:url("../img/curve_line.svg") 0 0/100% no-repeat;animation:1.5s ease-in-out 1.5s gReview}@keyframes gReview{0%{background-size:0}100%{background-size:100%}}#hero .hero .left .btn{margin-top:20px;display:flex;align-items:center;justify-content:space-evenly}#hero .hero .left .btn>a{font-weight:800;line-height:0;padding:22px 30px;font-family:var(--font-Nunito);border:2px solid var(--primary-color);transition:.5s ease-in-out;box-shadow:var(--shadow-btn) 0 0 0 0,var(--shadow-btn) 0 2px 5px 1px}#hero .hero .left .btn>a:hover{color:var(--primary-color);background:0 0;box-shadow:0 0 0 .2rem var(--shadow-btn)}#hero .hero .left .btn>a:last-child{background:0 0;color:var(--primary-color)}#hero .hero .left .btn>a:last-child:hover{background:var(--primary-color);color:var(--white-color)}#hero .hero .right{display:flex;justify-content:flex-end;align-items:center}#hero .hero .right>img{width:95%}#statistics{margin:0 0 50px;display:flex;gap:20px;flex-wrap:wrap;align-items:center;justify-content:space-evenly}#statistics .box{width:100%;flex-grow:1;flex-basis:260px;display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:5px 20px;border-radius:8px;cursor:pointer;backface-visibility:hidden}#statistics .box:hover{transform:translateY(-7px)}#statistics .box>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}#statistics .box>div>p{font-size:14px;font-family:var(--font-Nunito);font-weight:600;overflow:hidden}#features{display:flex;gap:40px;flex-wrap:wrap;align-items:center;justify-content:space-evenly;margin-bottom:30px}.features_box{width:100%;height:300px;flex-grow:1;flex-basis:340px;max-width:500px;padding:25px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;overflow:hidden;cursor:pointer;transition:.5s ease-in-out}.features_box:hover{box-shadow: var(--footerBG-color) 0 6px 24px 0, rgb(255 0 52) 0 0 0 1px;}.features_box>img{width:100px;aspect-ratio:1/1}.features_box>h3{margin-bottom:2px}.features_box>p{font-size:15px;font-weight:700;font-family:var(--font-Nunito)}.features_bg{position:absolute;height:100%;width:100%;z-index:-999;background-size:20px 20px;background-image:linear-gradient(to bottom,transparent 96%,rgba(192,192,192,.247) 94%),linear-gradient(to right,transparent 96%,rgba(192,192,192,.247) 94%);mask:radial-gradient(rgba(0,0,0,0.623),transparent 95%);-webkit-mask:radial-gradient(rgba(0,0,0,0.623),transparent 95%)}#v2_best{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:50px}#v2_best .left,#v2_best .right{width:100%;text-align:center;flex-grow:1;flex-basis:450px}#v2_best .left>img{width:70%}#v2_best .right{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-around;align-items:center}#FAQs .FAQs_box>button,#v2_best .right .box{align-items:center;cursor:pointer;display:flex}#v2_best .right .box{width:calc(50% - 20px);gap:20px;padding:20px 22px;border-radius:5px;overflow:hidden}#v2_best .right .box>span{font-size:18px;font-weight:500;border-radius:5px}#v2_best .right .box:hover>span{color:var(--white-color);background-color:var(--primary-color)}#v2_best .right .box>h3{font-size:18px;font-weight:700;font-family:var(--font-Nunito);overflow:hidden}#payment_method{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:50px;justify-content:center;align-items:center}#payment_method>div{flex-grow:1;flex-basis:100px;padding:20px 30px;border-radius:7px;display:flex;cursor:pointer;align-items:center;justify-content:center;}#payment_method>div>img{width:100px;aspect-ratio:3/1}#FAQs .FAQs_box{width:100%;margin-bottom:20px;border-radius:5px;padding:15px 20px 15px 40px;background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-color) 2%,var(--white-color) 2%)}#FAQs .FAQs_box>button{width:100%;border:none;font-size:17px;font-weight:800;justify-content:space-between;background:0 0}#FAQs .FAQs_box .FAQs_btn>span{display:block;font-size:17px;border-radius:4px;transition:.5s ease-in-out}#FAQs .FAQs_box .FAQs_c{overflow:hidden;height:0;transition:.5s ease-in-out}#FAQs .FAQs_box .FAQs_c>p{font-size:14px;font-weight:500;padding-top:5px}#FAQs .FAQs_box .FAQs_c .Work{display:flex;gap:7px;align-items:center;flex-direction:row}#FAQs .FAQs_box .FAQs_c .Work>span{padding:2px;border-radius:5px;color:var(--heading-color);background:var(--footerBG-color);border:.5px solid var(--border_2-color)}#post,#post #post-title{border-radius:7px;box-shadow:rgba(0,0,0,.05) 0 6px 24px 0,var(--border_2-color) 0 0 0 1px}#footer{margin-top:50px;background:var(--footerBG-color);border-top:1px solid var(--border_2-color)}#footer>div>p{font-size:15px;line-height:1;font-weight:700;padding-top:30px;padding-bottom:27px;color:var(--footer-color);font-family:var(--font-Nunito)}#post{padding:50px 40px 40px;margin-top:130px}#post p{margin-bottom:12px;font-size:18px}#post #post-title{overflow:hidden;margin-top:-80px;padding:8px 20px;margin-bottom:12px}#post #post-title>h2,#post blockquote>h4{margin:0!important}#post blockquote{padding:10px 14px;margin-block:20px;font-size:17.5px;border-radius:10px;border-left:5px solid var(--heading-color)}#post ul{margin-left:20px}#post ul li{font-size:18px;margin-bottom:12px}#post a{display:unset;word-wrap:break-word;white-space:normal;text-decoration:revert-layer}#post h1,#post h2,#post h3,#post h4,#post h5{margin-bottom:8px}.inner-page #footer{margin-top:30px}#payout-rates .payout-rates table{width:100%;table-layout:fixed;border-collapse:collapse}#payout-rates .payout-rates td{padding:.9rem;font-weight:700;font-family:var(--font-Nunito);border-bottom:1px solid var(--border_2-color)}#payout-rates .payout-rates th{padding:.8rem;color:var(--white-color);font-family:var(--font-Nunito);background-color:var(--heading_2-color)}.banner-page{background:#110f2e}.banner-page header{border:none;position:unset;background:#110f2e}.banner-page nav{justify-content:center}.banner-page #app_logo>a>span{color:var(--white-color)}.banner-page .container{max-width:800px}.banner-page .container.links{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:15px;padding:15px 25px;border-radius:6px;overflow-y:scroll;height:calc(100dvh - 140px)}.banner-page #countdown{color:var(--primary-color);font-weight:700;margin-block:10px;display:inline-flex;flex-direction:column;align-items:center}.banner-page #countdown .timer{font-size:35px}.banner-page #go-submit,.banner-page .container.links::-webkit-scrollbar{display:none!important}.banner-page .get-link{font-size:17px;font-weight:700;padding:8px 20px;margin-block:10px;border-radius:4px;color:var(--white-color);background:var(--primary-color);font-family:var(--font-Nunito);box-shadow:0 0 0 .2rem var(--shadow-btn)}.banner-page .link-details{width:50%;margin:auto;padding:20px;overflow:hidden;margin-block:15px;border-radius:10px;display:flex;gap:5px;flex-direction:column;align-items:center;border:1px solid var(--border-color)}.banner-page #footer{margin:0;border:none;background:#110f2e;color:var(--white-color)}@media only screen and (max-width:1142px){#statistics .box{flex-basis:249px}.features_box:last-child{max-width:100%}}@media only screen and (max-width:1120px){#hero .hero .right>img{width:100%}}@media only screen and (max-width:1100px) and (min-width:1001px){#v2_best .right .box{gap:12px}}@media only screen and (max-width:1000px){#statistics{margin:0 0 30px}#v2_best .right .box{gap:10px}#v2_best .right .box>h3{font-size:15px}#hero .hero .left .new{font-size:12px}#hero .hero .left>h2{font-size:40px}#hero .hero .left>p{font-size:20px}.google_review>a{font-size:13px}#hero .hero .left .btn>a{font-size:14px}}@media only screen and (max-width:900px){#mobile-toggle{display:block!important}#menu{position:absolute;top:69px;left:0;right:0;height:0;width:100%;overflow:hidden;background:var(--white-color);box-shadow:rgba(0,0,0,.15) 1.95px 1.95px 2.6px;transition:.7s ease-in-out}#menu>ul{flex-direction:column;padding:20px}#v2_best .left>img{width:60%;margin-top:10px;margin-bottom:20px}}@media only screen and (max-width:832px){#hero .hero .left>h2{font-size:35px}#hero .hero .left>p{font-size:18px}#v2_best .right .box{gap:20px}}@media only screen and (max-width:761px){.features_box:last-child{max-width:500px}#post{padding:50px 20px 20px}.inner-page .container{padding-inline:1rem}}@media only screen and (max-width:700px){#FAQs .FAQs_box{background: linear-gradient(90deg, var(--primary-color) 0, var(--primary-color) 3.9%, var(--white-color) 3.9%);}#hero{height:100%}#hero .hero{height:calc(100dvh - 105px);flex-direction:column-reverse;justify-content:space-evenly;margin-top:75px;margin-bottom:30px}#hero .hero .right>img,.banner-page .link-details{width:90%}#hero .hero .right{justify-content:center}}@media only screen and (max-width:560px){#v2_best .right{flex-direction:column}#v2_best .right .box{width:100%}#hero .hero .left .btn{justify-content:space-around}#hero .hero .right>img{width:110%}#hero .hero .left>p{font-size:17px}#v2_best .left>img{width:90%}#v2_best .right .box>h3{font-size:18px}#payment_method>div{flex-basis:90px}#payment_method>div>img{width:80px}}@media only screen and (max-width:380px){#hero .hero .left>h2{font-size:34px}}@media only screen and (max-width:320px){#hero .hero .left>h2{font-size:27px}.google_review>a{font-size:12px}}@media screen and (max-height:740px){#hero .hero{height:100dvh;margin-top:75px;margin-bottom:30px}#hero .hero .left>h2{font-size:30px}}@media screen and (min-height:1000px){#hero{height:60dvh}#hero .hero{margin-top:87px;margin-bottom:37px}}
/* ========================================
   SOCIAL MEDIA CAROUSEL - REKONISE STYLE
   ======================================== */
.social-trust-section{padding:60px 0;overflow:hidden;background:transparent}
.social-trust-heading{text-align:center;margin-bottom:40px;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:24px;font-weight:600;color:#111827;line-height:1.4}
.social-trust-heading .highlight-green{color:#22c55e}
.social-trust-heading .highlight-yellow{color:#eab308}
.social-carousel-wrapper{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}
.social-carousel-track{display:flex;gap:48px;animation:scroll-left 30s linear infinite;width:max-content}
.social-carousel-track:hover{animation-play-state:paused}
@keyframes scroll-left{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.social-icon-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;transition:transform 0.3s ease,filter 0.3s ease;filter:grayscale(100%) brightness(0.6);opacity:0.6}
.social-icon-item:hover{transform:scale(1.3);filter:grayscale(0%) brightness(1);opacity:1}
.social-icon-item img,.social-icon-item svg{width:100%;height:100%;object-fit:contain}
.social-icon-item i{font-size:32px}
.social-icon-item.youtube:hover{color:#FF0000}
.social-icon-item.tiktok:hover{color:#000000}
.social-icon-item.instagram:hover{color:#E4405F}
.social-icon-item.twitter:hover{color:#1DA1F2}
.social-icon-item.facebook:hover{color:#1877F2}
.social-icon-item.linkedin:hover{color:#0A66C2}
.social-icon-item.soundcloud:hover{color:#FF5500}
.social-icon-item.spotify:hover{color:#1DB954}
.social-icon-item.telegram:hover{color:#0088CC}
.social-icon-item.whatsapp:hover{color:#25D366}
.social-icon-item.discord:hover{color:#5865F2}
.social-icon-item.twitch:hover{color:#9146FF}
.social-icon-item.behance:hover{color:#1769FF}
.social-icon-item.dribbble:hover{color:#EA4C89}
.social-icon-item.reddit:hover{color:#FF4500}
.social-icon-item.patreon:hover{color:#F96854}
.social-icon-item.kick:hover{color:#53FC18}
.social-icon-item.pinterest:hover{color:#E60023}
.social-icon-item.snapchat:hover{color:#FFFC00}
.social-icon-item.threads:hover{color:#000000}
@media (max-width:768px){.social-trust-heading{font-size:18px;padding:0 20px}.social-carousel-track{gap:32px}.social-icon-item{width:32px;height:32px}.social-icon-item i{font-size:24px}}
/* ============================================
   HOMEPAGE - TWO STACKED UNLOCK PREVIEW CARDS
   ============================================ */
.unlock-cards-wrapper{position:relative;width:100%;max-width:400px;height:580px;margin:0 auto}
.unlock-preview-card{position:absolute;background:#ffffff;border-radius:24px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 25px 50px -12px rgba(0,0,0,.15);overflow:hidden;width:320px;transform:var(--card-transform,none);transition:transform .3s ease,box-shadow .3s ease,z-index 0s}
.unlock-preview-card.back-card{--card-transform:rotate(6deg) scale(.95);--card-transform-active:rotate(6deg) translateY(-8px) scale(.98);right:0;top:20px;z-index:2;opacity:.7;cursor:pointer}
.unlock-preview-card.front-card{--card-transform:rotate(-3deg);--card-transform-active:rotate(-2deg) translateY(-8px) scale(1.02);left:0;top:0;z-index:3}
.unlock-preview-card.is-active{z-index:4;transform:var(--card-transform-active,var(--card-transform));box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 35px 60px -15px rgba(0,0,0,.2);opacity:1}
.unlock-cards-wrapper.has-hovered-back .front-card{z-index:1}
.preview-banner{background:linear-gradient(135deg,#3B82F6 0%,#2563EB 100%);height:100px;position:relative}
.preview-avatar{width:56px;height:56px;background:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#9CA3AF}
.preview-content{padding:36px 18px 18px;text-align:center}
.preview-username{font-size:15px;font-weight:700;color:#1F2937;margin:0 0 10px}
.preview-title{font-size: 0.9375rem !important;font-weight:500;color:#6B7280;margin:0 0 4px}
.preview-subtitle{font-size: 14px !important;color:#6B7280;margin:0 0 14px;line-height:1.4}
.preview-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.preview-action-btn{display:flex;align-items:center;width:100%;height:42px;border:none;border-radius:50px;color:#ffffff;font-size:10px;font-weight:700;letter-spacing:.5px;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:all .3s cubic-bezier(.4,0,.2,1);padding:0}
.preview-action-btn:hover:not(.completed){transform:scale(1.03);box-shadow:0 6px 20px rgba(0,0,0,.18)}
.preview-action-btn:active:not(.completed){transform:scale(.98)}
.action-icon-wrap{display:flex;align-items:center;justify-content:center;width:50px;align-self:stretch;background:rgba(0,0,0,.2);flex-shrink:0;transition:all .3s ease}
.preview-action-btn .action-text{flex:1;text-align:center;padding-right:50px}
.preview-action-btn .check-icon-wrap{display:none;align-items:center;justify-content:center;width:50px;align-self:stretch;background:rgba(0,0,0,.2);flex-shrink:0;position:absolute;left:0;top:0;bottom:0}
.preview-action-btn .check-icon-wrap svg{width:20px;height:20px;color:white}
@keyframes previewPulse{0%{transform:scale(1)}50%{transform:scale(.96)}100%{transform:scale(1)}}
.preview-action-btn.completing{animation:previewPulse .3s ease;pointer-events:none}
.preview-action-btn.completed{background-color:#22C55E!important;cursor:default;pointer-events:none}
.preview-action-btn.completed .action-icon-wrap{display:none}
.preview-action-btn.completed .check-icon-wrap{display:flex;animation:checkPop .4s cubic-bezier(.175,.885,.32,1.275)}
@keyframes checkPop{0%{transform:scale(0) rotate(-45deg);opacity:0}60%{transform:scale(1.2) rotate(0deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}
.action-button{display:flex;align-items:center;width:100%;height:48px;border:none;border-radius:50px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.12);transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;text-decoration:none}
.action-button:hover:not(.completed){transform:scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.18);text-decoration:none;color:#fff}
.action-button .action-text{flex:1;text-align:center;padding-right:50px;color:#fff}
.action-button.completed{background-color:#22C55E!important;cursor:default;pointer-events:none}
.action-button.completed .action-icon-wrap{display:none}
@media (max-width:576px){.action-button{height:42px;font-size:13px}.action-button .action-text{padding-right:38px}}
.preview-progress{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:0 4px}
.progress-label{font-size:11px;color:#6B7280}
.progress-badge{background:#10B981;color:white;font-size:10px;font-weight:600;padding:3px 10px;border-radius:12px;transition:all .3s ease}
.preview-getlink-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 18px;border:2px solid #E5E7EB;border-radius:50px;background:#F9FAFB;color:#9CA3AF;font-size:13px;font-weight:600;cursor:not-allowed;transition:all .3s ease}
.preview-getlink-btn .lock-icon{display:flex;align-items:center}
.preview-getlink-btn.unlocked{background:#22C55E;border-color:#22C55E;color:white;cursor:pointer;box-shadow:0 4px 15px rgba(34,197,94,.4);animation:unlockBounce .5s cubic-bezier(.175,.885,.32,1.275)}
@keyframes unlockBounce{0%{transform:scale(.95)}50%{transform:scale(1.05)}100%{transform:scale(1)}}
.preview-footer{font-size:10px;color:#9CA3AF;margin:10px 0 0}
.preview-footer.unlocked{color:#22C55E}
@media (max-width:991px){.unlock-cards-wrapper{margin-top:40px;max-width:100%;height:auto;min-height:520px}.unlock-preview-card{position:relative;width:100%;max-width:340px;margin:0 auto}.unlock-preview-card.back-card{display:none}.unlock-preview-card.front-card{position:relative;left:auto;top:auto;transform:none}.unlock-preview-card.front-card:hover{transform:scale(1.01)}}
@media (max-width:991px) and (min-width:769px){.unlock-cards-wrapper{position:relative;width:min(100%,380px);height:560px;min-height:560px;margin:32px auto 0;padding:0;overflow:visible}.unlock-preview-card{position:absolute;width:320px;max-width:320px;margin:0;left:50%;right:auto;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;cursor:pointer;pointer-events:auto}.unlock-preview-card.back-card{display:block}.unlock-cards-wrapper[data-active-card="card-1"] .front-card,.unlock-cards-wrapper:not([data-active-card]) .front-card{top:32px;transform:translateX(-50%) rotate(-1.5deg) scale(1);z-index:3;opacity:1}.unlock-cards-wrapper[data-active-card="card-1"] .back-card,.unlock-cards-wrapper:not([data-active-card]) .back-card{display:block;top:16px;transform:translateX(calc(-50% + 28px)) rotate(5deg) scale(.95);z-index:1;opacity:.82}.unlock-cards-wrapper[data-active-card="card-2"] .back-card{display:block;top:32px;transform:translateX(-50%) rotate(1.5deg) scale(1);z-index:3;opacity:1}.unlock-cards-wrapper[data-active-card="card-2"] .front-card{top:16px;transform:translateX(calc(-50% - 22px)) rotate(-5deg) scale(.95);z-index:1;opacity:.82}.unlock-preview-card.front-card:hover,.unlock-preview-card.back-card:hover{box-shadow:inherit}.unlock-preview-card.front-card{position:absolute;left:50%;right:auto}.unlock-preview-card.back-card{position:absolute;left:50%;right:auto}.unlock-preview-card.front-card .preview-getlink-btn{display:none}}
@media (max-width:700px){#hero .hero .right .unlock-cards-wrapper{width:90%;margin:0 auto}}
@media (max-width:576px){.unlock-cards-wrapper{min-height:auto;padding:0 16px}.unlock-preview-card{max-width:100%;border-radius:20px}.preview-banner{height:60px}.preview-avatar{width:48px;height:48px;bottom:-24px}.preview-content{padding:30px 14px 14px}.preview-title{font-size:13px}.preview-action-btn{height:38px;font-size:9px}.action-icon-wrap,.preview-action-btn .check-icon-wrap{width:38px;height:38px}.preview-action-btn .action-text{padding-right:38px}.preview-getlink-btn{padding:10px 14px;font-size:12px}}
@media (max-width:768px){.unlock-cards-wrapper{position:relative;width:min(100%,334px);height:500px;min-height:500px;margin:32px auto 0;padding:0;overflow:visible}.unlock-preview-card{position:absolute;width:280px;max-width:280px;margin:0;left:50%;right:auto;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;cursor:pointer;pointer-events:auto}.unlock-cards-wrapper[data-active-card="card-1"] .front-card,.unlock-cards-wrapper:not([data-active-card]) .front-card{top:32px;transform:translateX(-50%) rotate(-1.5deg) scale(1);z-index:3;opacity:1}.unlock-cards-wrapper[data-active-card="card-1"] .back-card,.unlock-cards-wrapper:not([data-active-card]) .back-card{display:block;top:16px;transform:translateX(calc(-50% + 28px)) rotate(5deg) scale(.95);z-index:1;opacity:.82}.unlock-cards-wrapper[data-active-card="card-2"] .back-card{display:block;top:32px;transform:translateX(-50%) rotate(1.5deg) scale(1);z-index:3;opacity:1}.unlock-cards-wrapper[data-active-card="card-2"] .front-card{top:16px;transform:translateX(calc(-50% - 22px)) rotate(-5deg) scale(.95);z-index:1;opacity:.82}.unlock-preview-card.is-active{box-shadow:0 6px 12px -2px rgba(0,0,0,.12),0 4px 8px -2px rgba(0,0,0,.08),0 28px 44px -16px rgba(0,0,0,.2)}.unlock-preview-card.front-card:hover,.unlock-preview-card.back-card:hover{box-shadow:inherit}.unlock-preview-card.front-card{position:absolute;left:50%;right:auto}.unlock-preview-card.back-card{position:absolute;left:50%;right:auto}.unlock-preview-card.front-card .preview-getlink-btn{display:none}}
@media (max-width:576px){.unlock-cards-wrapper{width:min(100%,316px);height:470px;min-height:470px}.unlock-preview-card{width:272px;max-width:272px}.unlock-cards-wrapper[data-active-card="card-1"] .front-card,.unlock-cards-wrapper[data-active-card="card-2"] .back-card,.unlock-cards-wrapper:not([data-active-card]) .front-card{top:30px}.unlock-cards-wrapper[data-active-card="card-1"] .back-card,.unlock-cards-wrapper:not([data-active-card]) .back-card{top:14px;transform:translateX(calc(-50% + 22px)) rotate(5deg) scale(.95)}.unlock-cards-wrapper[data-active-card="card-2"] .front-card{top:14px;transform:translateX(calc(-50% - 18px)) rotate(-5deg) scale(.95)}}

/* ===========================================
   Blog Index - Card Grid
   =========================================== */
.blog-index {
    margin-top: 100px;
    margin-bottom: 50px;
    padding-top: 0;
}

.blog-index-title {
    margin-bottom: 32px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border_2-color);
}

.blog-index-title h2 {
    font-size: 2rem;
    font-weight: 700;
    color: var(--heading-color);
    margin-bottom: 6px;
}

.blog-index-title p {
    font-size: 14px;
    color: var(--txt-color);
    margin: 0;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 24px;
    margin-bottom: 32px;
}

.blog-card {
    background: var(--white-color);
    border: 1px solid var(--border_2-color);
    border-radius: 10px;
    box-shadow: rgba(0,0,0,0.05) 0 2px 8px 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.blog-card:hover {
    box-shadow: rgba(0,0,0,0.1) 0 6px 20px 0;
    transform: translateY(-2px);
}

.blog-card-body {
    padding: 22px 24px 20px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.blog-card-title {
    font-family: var(--font-Nunito);
    font-weight: 700;
    font-size: 18px;
    color: var(--heading-color) !important;
    text-transform: none !important;
    margin: 0 0 12px !important;
    line-height: 1.4;
    text-transform: none;
}

.blog-card-title a {
    color: var(--heading-color) !important;
    text-decoration: none !important;
    display: unset !important;
}

.blog-card-title a:hover {
    color: var(--primary-color) !important;
}

.blog-card-excerpt {
    color: var(--txt-color);
    font-size: 14px;
    line-height: 1.65;
    flex: 1;
    margin: 0 0 16px !important;
}

.blog-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid var(--border_2-color);
}

.blog-card-date {
    font-size: 12px;
    color: #9CA3AF;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.blog-card-readmore {
    font-size: 13px;
    font-weight: 700;
    color: #e21e1e !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 3px;
    font-family: var(--font-Nunito);
}

.blog-card-readmore:hover {
    color: #c01818 !important;
    text-decoration: underline !important;
}

.blog-empty {
    text-align: center;
    padding: 60px 20px;
    color: var(--txt-color);
    font-size: 16px;
}

/* Blog pagination */
.blog-index .pagination {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.blog-index .pagination li a,
.blog-index .pagination li span {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--heading-color);
    background: var(--footerBG-color);
    border: 1px solid var(--border_2-color);
    text-decoration: none;
}

.blog-index .pagination li.active a,
.blog-index .pagination li a.active {
    background: var(--primary-color);
    color: var(--white-color);
    border-color: var(--primary-color);
}

@media (max-width: 767px) {
    .blog-index {
        margin-top: 88px;
    }
    .blog-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }
    .blog-index-title h2 {
        font-size: 1.5rem;
    }
}

/* ===========================================
   Blockquote / callout — red accent (override)
   =========================================== */
#post blockquote {
    border-left-color: #e21e1e !important;
}

blockquote {
    border-left-color: #e21e1e !important;
}

/* ===========================================
   Inner-page header titles & callout text — red accent
   Targets: page titles (Privacy Policy, Terms of Use, Blog),
   blockquote headings ($ Earn..., Daily withdrawal...)
   =========================================== */
#post #post-title h2,
#post blockquote h4,
#post blockquote h5,
.blog-index-title h2 {
    color: #e21e1e !important;
}

/* Shared glass navbar (homepage is source of truth) */
body.landing-glass-enabled .landing-glass-navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(25px) saturate(180%);
    -webkit-backdrop-filter: blur(25px) saturate(180%);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

body.landing-glass-enabled .landing-glass-navbar .landing-glass-navbar-inner {
    max-width: 1200px;
    height: 3.8rem;
    margin: 0 auto;
    padding: 15px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

body.landing-glass-enabled .landing-glass-navbar #menu > ul > li > a {
    padding: 10px 18px;
    color: #374151;
    text-decoration: none;
    font-size: 0.95rem;
    font-weight: 500;
    border-radius: 10px;
    transition: all 0.2s ease;
}

body.landing-glass-enabled .landing-glass-navbar #menu > ul > li > a:hover {
    background: rgba(0, 0, 0, 0.06);
    color: #111827;
}

body.home.landing-glass-enabled #hero {
    padding-top: 68px;
}

/* Bootstrap-compatible navs that render in secondary layouts */
body.landing-glass-enabled .landing-glass-navbar .navbar-brand,
body.landing-glass-enabled .landing-glass-navbar .navbar-brand:focus,
body.landing-glass-enabled .landing-glass-navbar .navbar-brand:hover {
    color: #374151;
}

body.landing-glass-enabled .landing-glass-navbar .navbar-nav > li > a {
    padding: 10px 18px;
    color: #374151;
    border-radius: 10px;
    transition: all 0.2s ease;
}

body.landing-glass-enabled .landing-glass-navbar .navbar-nav > li > a:hover,
body.landing-glass-enabled .landing-glass-navbar .navbar-nav > li > a:focus {
    background: rgba(0, 0, 0, 0.06);
    color: #111827;
}

body.landing-glass-enabled .landing-glass-navbar .navbar-toggle {
    border-color: rgba(17, 24, 39, 0.18);
    background: rgba(255, 255, 255, 0.9);
}

body.landing-glass-enabled .landing-glass-navbar .navbar-toggle .icon-bar {
    background-color: #374151;
}

@media (max-width: 900px) {
    body.landing-glass-enabled .landing-glass-menu {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(25px) saturate(180%);
        -webkit-backdrop-filter: blur(25px) saturate(180%);
        box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
    }

    body.landing-glass-enabled .landing-glass-menu > ul {
        display: flex;
        flex-direction: column;
        padding: 15px;
    }

    body.landing-glass-enabled .landing-glass-menu > ul > li > a {
        width: 100%;
        text-align: center;
        padding: 14px;
        border-radius: 12px;
    }

    body.landing-glass-enabled .landing-glass-navbar .navbar-collapse {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(25px) saturate(180%);
        -webkit-backdrop-filter: blur(25px) saturate(180%);
        box-shadow: 0 12px 28px rgba(17, 24, 39, 0.12);
        border: 0;
    }

    body.landing-glass-enabled .landing-glass-navbar .navbar-nav > li > a {
        text-align: center;
        margin: 4px 10px;
    }
}

@media (max-width: 700px) {
    body.home.landing-glass-enabled #hero {
        padding-top: 75px;
    }
}

@supports not ((backdrop-filter: blur(25px)) or (-webkit-backdrop-filter: blur(25px))) {
    body.landing-glass-enabled .landing-glass-navbar {
        background: rgba(255, 255, 255, 0.92);
    }

    @media (max-width: 900px) {
        body.landing-glass-enabled .landing-glass-menu,
        body.landing-glass-enabled .landing-glass-navbar .navbar-collapse {
            background: rgba(255, 255, 255, 0.98);
        }
    }
}