:root{--primary-blue:#2563eb;--deep-blue:#1e40af;--brand-orange:#f59e0b;--dark-bg:#0f172a;--bg-color:#f8fafc;--text-color:#1e293b;--card-bg:hsla(0,0%,100%,.85);--card-border:hsla(0,0%,100%,.6);--section-bg:#f8fafc;--section-bg-alt:#fff}html.dark{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:rgba(30,41,59,.6);--card-border:hsla(0,0%,100%,.1);--section-bg:#0f172a;--section-bg-alt:#1e293b}.bodyPerHome{font-family:Outfit,sans-serif!important;background-color:var(--bg-color);color:var(--text-color);overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.hero-bg{background:radial-gradient(circle at 50% -20%,#1e3a8a 0,#0f172a 100%);position:relative;overflow:hidden;z-index:1;perspective:1000px}.grid-floor{position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;transform:rotateX(60deg) translateY(0);animation:grid-move 20s linear infinite;z-index:0;mask-image:linear-gradient(180deg,#000 0,transparent 60%);-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 60%)}@keyframes grid-move{0%{transform:rotateX(60deg) translateY(0)}to{transform:rotateX(60deg) translateY(60px)}}.constellation-container{position:relative;width:100%;height:500px;transform-style:preserve-3d}.card-video{top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);width:340px;background:rgba(15,23,42,.95);padding:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);z-index:20}.card-tasks,.card-video{position:absolute;border:1px solid hsla(0,0%,100%,.1);border-radius:20px}.card-tasks{top:15%;left:-5%;width:220px;background:#0f172a;padding:20px;transform:translateZ(-20px);box-shadow:0 20px 40px rgba(0,0,0,.4);z-index:10}.card-earnings{position:absolute;bottom:10%;right:-5%;width:240px;background:#fff;border-radius:20px;padding:20px;transform:translateZ(20px);box-shadow:0 20px 40px rgba(0,0,0,.2);z-index:15}.flow-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent);z-index:5}.line-1{top:40%;left:20%;width:150px;transform:rotate(20deg)}.line-2{bottom:40%;right:20%;width:150px;transform:rotate(-20deg)}.progress-bar-fill{width:0;animation:load-progress 4s ease-in-out infinite}@keyframes load-progress{0%{width:10%}50%{width:60%}to{width:100%}}.active-task-glow{box-shadow:0 0 15px rgba(59,130,246,.5);border-color:#3b82f6}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal.delay-100{transition-delay:.1s}.reveal.delay-200{transition-delay:.2s}.reveal.delay-300{transition-delay:.3s}.reveal.delay-400{transition-delay:.4s}.reveal.active:hover{transition-delay:0s}.glass-card-light{background:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.6);box-shadow:0 10px 30px -10px rgba(30,58,138,.1);transition:transform .3s ease,box-shadow .3s ease}.glass-card-light:hover{transform:translateY(-5px);box-shadow:0 20px 40px -10px rgba(30,58,138,.2)}.glass-card-dark{background:rgba(30,58,138,.4);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1)}.toggle-container{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);padding:4px;display:inline-flex;backdrop-filter:blur(5px)}.toggle-btn,.toggle-container{border-radius:9999px;position:relative}.toggle-btn{padding:8px 24px;font-weight:600;font-size:.9rem;color:#fff;cursor:pointer;transition:all .3s ease;z-index:10}.toggle-active-bg{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 4px);background:#f59e0b;border-radius:9999px;transition:all .3s ease;z-index:1;box-shadow:0 2px 10px rgba(245,158,11,.4)}.toggle-container.advertiser-mode .toggle-active-bg{transform:translateX(100%);background:#2563eb;box-shadow:0 2px 10px rgba(37,99,235,.4)}.btn-premium{background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 15px rgba(245,158,11,.4);transition:all .3s ease}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(245,158,11,.6)}.step-card{transition:none}.step-icon-wrapper{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.task-card{background:#fff;border-radius:1.5rem;overflow:hidden;transition:all .3s ease;border:1px solid #f1f5f9;position:relative}.glow-purple:hover{box-shadow:0 15px 30px rgba(168,85,247,.2);border-color:#d8b4fe}.glow-blue:hover{box-shadow:0 15px 30px rgba(59,130,246,.2);border-color:#93c5fd}.glow-orange:hover{box-shadow:0 15px 30px rgba(249,115,22,.2);border-color:#fdba74}.glow-red:hover{box-shadow:0 15px 30px rgba(239,68,68,.2);border-color:#fca5a5}.glow-teal:hover{box-shadow:0 15px 30px rgba(20,184,166,.2);border-color:#5eead4}.glow-yellow:hover{box-shadow:0 15px 30px rgba(234,179,8,.2);border-color:#fde047}.task-icon-box{width:60px;height:60px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;transition:transform .3s ease}.category-cta-link{display:inline-flex;align-items:center;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative}.category-cta-link:active{transform:scale(.95)}.category-cta-link i{margin-left:.5rem;transition:transform .3s ease}.category-cta-link:hover i{transform:translateX(4px)}.check-circle{background:#dcfce7;color:#16a34a}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(200%)}}html.dark .stats-section-card{background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(30,41,59,.95) 50%,rgba(51,65,85,.98))!important;border-color:rgba(148,163,184,.15)!important}html.dark .divider{background-color:hsla(0,0%,100%,.1)}html.dark .step-card,html.dark .task-card{background-color:#1e293b;border-color:#334155}html.dark .step-card h4,html.dark .task-card h3{color:#f1f5f9}html.dark .section-light{background-color:var(--section-bg)}html.dark .section-white{background-color:var(--section-bg-alt)}html.dark .glass-card-light{background:rgba(30,41,59,.6);border-color:hsla(0,0%,100%,.1)}html.dark .glass-card-light p.text-gray-600{color:#cbd5e1}html.dark .text-gray-900{color:#f1f5f9}html.dark .text-gray-800{color:#e2e8f0}html.dark .text-gray-700{color:#cbd5e1}html.dark .text-gray-500,html.dark .text-gray-600{color:#94a3b8}html.dark .text-gray-400{color:#64748b}html.dark .benefits-card,html.dark .different-card{background-color:#1e293b;border-color:#334155}html.dark .payout-item{background-color:rgba(30,41,59,.6)}html.dark .payout-item:hover{background-color:rgba(37,99,235,.2)}html.dark .section-title{color:#f1f5f9}html.dark .reviews-section{background-color:var(--section-bg)}html.dark .benefit-title{color:#f1f5f9}html.dark .title-highlight{background-color:rgba(37,99,235,.3)}.hidden-content{display:none}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.adv-hero-bg{background:radial-gradient(circle at 50% -20%,#4338ca 0,#0f172a 100%)}.adv-service-card{background:#fff;border:1px solid #e2e8f0;transition:all .3s ease}.adv-service-card:hover{box-shadow:0 15px 30px rgba(99,102,241,.15);border-color:#a5b4fc;transform:translateY(-5px)}html.dark .adv-service-card{background:#1e293b;border-color:#334155}html.dark .adv-service-card:hover{border-color:#6366f1}.adv-feature-card{transition:none}.carousel-indicators{display:none}@media (max-width:768px){.reviews-carousel{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;gap:1rem!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important}.review-card{flex:0 0 48%!important;scroll-snap-align:start!important}.carousel-indicators{display:flex!important}#user-content .constellation-container{display:none!important}.w-\[400px\]{width:90%!important;max-width:350px!important}#dynamic-notification{min-width:280px!important;max-width:320px!important;right:-2%!important;bottom:20px!important;padding:12px 16px!important}.toggle-container{width:240px!important}}@media (max-width:480px){.reviews-carousel{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;scroll-behavior:smooth!important;gap:1rem!important;padding:0 1rem!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.reviews-carousel::-webkit-scrollbar{display:none!important}.review-card{flex:0 0 85%!important;scroll-snap-align:center!important;min-width:280px!important}.carousel-indicators{display:flex!important}.indicator{width:8px;height:8px;border-radius:50%;background-color:#cbd5e1;cursor:pointer;transition:all .3s ease}.indicator.active{width:24px;border-radius:4px;background-color:#2563eb}#user-content .constellation-container{display:none!important}.w-\[400px\]{width:100%!important;max-width:340px!important;margin:0 auto!important}.absolute.top-16.-left-12,.absolute.top-16.-left-4{display:none!important}#dynamic-notification{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:1rem auto 0!important;min-width:280px!important;max-width:100px!important;width:calc(100% - 2rem)!important;padding:10px 14px!important}.perspective-\[1000px\],.relative.h-\[500px\].flex.items-center.justify-center{height:auto!important;min-height:auto!important;flex-direction:column!important;padding:2rem 1rem!important}.toggle-container{width:200px!important;font-size:.85rem!important}.toggle-btn{padding:6px 16px!important;font-size:.8rem!important}.adv-hero-bg,.hero-bg{padding-top:8.5rem!important;padding-bottom:3rem!important}body{overflow-x:hidden!important}.absolute.bottom-28{bottom:auto!important}.grid.md\:grid-cols-2{gap:2rem!important}.stats-section-card{padding:2rem 1.5rem!important}}@media (max-width:360px){.toggle-container{width:180px!important}.toggle-btn{padding:5px 12px!important;font-size:.75rem!important}#dynamic-notification{min-width:260px!important;font-size:.85rem!important}h1{font-size:1.75rem!important;line-height:1.2!important}.stats-section-card{padding:1.5rem 1rem!important}.grid.md\:grid-cols-2{gap:1.5rem!important}#advertiser-content .adv-hero-bg h1{margin-top:1rem!important}#advertiser-content .adv-hero-bg p{padding:0 .25rem!important}#advertiser-content .adv-hero-bg button{font-size:.875rem!important;padding:.75rem 1.5rem!important}#advertiser-content .w-\[400px\]{width:98%!important}}@media (max-width:768px){.hero-bg,body{overflow-x:hidden!important}h1,h2,h3,p{word-wrap:break-word!important;overflow-wrap:break-word!important}#stats-section .fa-solid.text-9xl,#stats-section .text-9xl,.stats-section-card .fa-solid.text-9xl,.stats-section-card .text-9xl{font-size:5rem!important;opacity:.06!important}.adv-stat-number,.user-stat-number{font-size:2.5rem!important}#user-content .hero-bg{padding-top:8rem!important;padding-bottom:3rem!important}#user-content .hero-bg h1{margin-top:1rem!important}#advertiser-content .adv-hero-bg{padding-top:8rem!important;padding-bottom:3rem!important}#advertiser-content .adv-hero-bg h1{margin-top:1rem!important}#advertiser-content .adv-hero-bg p{max-width:100%!important;padding:0 .5rem!important}#advertiser-content .adv-hero-bg button{font-size:.95rem!important;padding:.85rem 2rem!important}#advertiser-content .adv-hero-bg .max-w-7xl{padding-left:1rem!important;padding-right:1rem!important}#advertiser-content .w-\[400px\]{width:95%!important;max-width:360px!important;margin:0 auto!important}#advertiser-content .absolute.top-16.-left-12,#advertiser-content .absolute.top-16.-left-4{display:none!important}#advertiser-content .adv-hero-bg{padding-bottom:5rem!important}#advertiser-content #dynamic-notification{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;margin:-2rem auto 0!important;width:95%!important;max-width:360px!important;min-width:auto!important;z-index:40!important}}#navbar{background:transparent;border-bottom:1px solid transparent}#navbar.scrolled{position:fixed!important;top:0!important;background:rgba(15,23,42,.95)!important;backdrop-filter:blur(20px)!important;box-shadow:0 4px 30px rgba(0,0,0,.3)!important;border-bottom:1px solid rgba(59,130,246,.2)!important;padding-top:.75rem!important;padding-bottom:.75rem!important}html.dark #navbar.scrolled{background:rgba(15,23,42,.98)!important;border-bottom:1px solid rgba(139,92,246,.3)!important;box-shadow:0 4px 30px rgba(0,0,0,.5)!important}#navbar.scrolled .max-w-7xl{transition:all .3s ease}html.dark #advertiser-content .stats-section-card{background:linear-gradient(135deg,rgba(88,28,135,.4),rgba(109,40,217,.3) 50%,rgba(126,34,206,.35))!important;border-color:rgba(168,85,247,.2)!important;box-shadow:0 20px 50px -15px rgba(139,92,246,.3),inset 0 0 0 1px rgba(168,85,247,.15)!important}html.dark footer{background-color:#0b1120!important}html.dark .adv-feature-card{background-color:rgba(30,41,59,.6)!important;border-color:hsla(0,0%,100%,.1)!important}html.dark .adv-feature-card h3{color:#f1f5f9!important}html.dark section.bg-slate-50{background-color:var(--section-bg-alt)!important}html.dark section.bg-slate-50 .bg-white{background-color:rgba(30,41,59,.6)!important;border-color:hsla(0,0%,100%,.1)!important}html.dark section.bg-slate-50 .bg-blue-50,html.dark section.bg-slate-50 .bg-indigo-50,html.dark section.bg-slate-50 .bg-pink-50,html.dark section.bg-slate-50 .bg-purple-50{background-color:rgba(30,41,59,.4)!important}html.dark section.bg-slate-50 h3{color:#f1f5f9!important}html.dark #mobile-menu{background:rgba(15,23,42,.98)!important;border-left:1px solid rgba(139,92,246,.2)!important}html.dark .task-card{background-color:rgba(30,41,59,.6)!important;border-color:hsla(0,0%,100%,.1)!important}html.dark .task-card h3{color:#f1f5f9!important}html.dark .task-card p{color:#94a3b8!important}html.dark .bg-blue-50\/50{background-color:rgba(30,41,59,.5)!important}@media (max-width:768px){#navbar.scrolled .toggle-container{display:none!important}}html.dark #earning-types{background:var(--section-bg)!important}html.dark #earning-types>.absolute{opacity:0!important}html.dark #earning-types .bg-white{background-color:rgba(30,41,59,.6)!important;border-color:hsla(0,0%,100%,.1)!important}html.dark .bg-orange-50{background-color:rgba(234,88,12,.2)!important}html.dark #stats-section .absolute.bottom-0,html.dark #stats-section .absolute.inset-0,html.dark #stats-section .absolute.top-0,html.dark #stats-section .bg-blue-300\/15,html.dark #stats-section .bg-gradient-to-r,html.dark #stats-section .bg-white\/10{display:none!important}#stats-section .absolute.inset-0.bg-gradient-to-r{opacity:.3!important}#stats-section .absolute.bottom-0.bg-blue-300\/15,#stats-section .absolute.top-0.bg-white\/10{opacity:.4!important}