body.menu-open{overflow:hidden !important;}html{scroll-behavior:smooth;}html,body{overflow-x:hidden;width:100%;-webkit-tap-highlight-color:transparent;}::-webkit-scrollbar{width:8px;}::-webkit-scrollbar-track{background:var(--bg-dark);}::-webkit-scrollbar-thumb{background:rgba(91,57,119,0.4);border-radius:10px;}::-webkit-scrollbar-thumb:hover{background:rgba(91,57,119,0.7);}@keyframes pulse{0%,100%{transform:translateY(0) scale(1);box-shadow:0 6px 12px rgba(91,57,119,0.3);}50%{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px rgba(91,57,119,0.4);}}@keyframes textPulse{0%,100%{opacity:1;}50%{opacity:0.7;}}@keyframes floatBubble{0%{transform:translateY(20px);opacity:0;}10%{transform:translateY(0);opacity:1;}90%{transform:translateY(0);opacity:1;}100%{transform:translateY(20px);opacity:0;}}@keyframes attention-pulse{0%,100%{transform:translateX(-50%) scale(1) rotate(0deg);box-shadow:0 4px 15px rgba(255,215,0,0.6);}50%{transform:translateX(-50%) scale(1.1) rotate(-2deg);box-shadow:0 8px 25px rgba(255,215,0,0.8);}}.combo-jimat-badge{position:absolute;top:-24px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000000;font-weight:900;font-size:1.1rem;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(255,215,0,0.6);animation:attention-pulse 2s infinite ease-in-out;white-space:nowrap;z-index:100;padding:12px 28px;border-radius:50px;border:3px solid #ffffff;}@media (max-width:768px){.combo-jimat-badge{top:-20px;font-size:0.95rem;padding:10px 20px;}}.reveal{opacity:0;transform:translateY(40px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;will-change:opacity,transform;}.reveal.active{opacity:1;transform:translateY(0);}:root{--bg-dark:#F2F2F5;--bg-light:#FFFFFF;--brand-main:#2A0A57;--brand-highlight:#7B2DFF;--brand-accent:#FF9F1A;--text-light:#1A0940;--text-muted:#32364A;--card-bg:rgba(255,255,255,0.8);--card-border:rgba(255,255,255,0.6);--border:rgba(42,10,87,0.08);--radius:20px;--danger:#FF6B8E;--glass-blur:blur(16px);--shadow-soft:0 10px 40px -10px rgba(26,9,64,0.08);--overlay-bg:rgba(255,255,255,0.75);--font-main:'Inter',sans-serif;--font-heading:'Poppins',sans-serif;}body.dark-mode{--bg-dark:#1A0940;--bg-light:#2A0A57;--brand-main:#7B2DFF;--brand-highlight:#A78BFA;--brand-accent:#FF9F1A;--text-light:#F2F2F5;--text-muted:#A78BFA;--card-bg:rgba(42,10,87,0.6);--card-border:rgba(123,45,255,0.2);--border:rgba(123,45,255,0.1);--danger:#FF6B8E;--shadow-soft:0 10px 40px -10px rgba(0,0,0,0.5);--overlay-bg:rgba(26,9,64,0.8);}*{box-sizing:border-box;}body{margin:0;font-family:var(--font-main);color:var(--text-light);background:var(--bg-dark);line-height:1.6;transition:background 0.3s ease,color 0.3s ease;letter-spacing:-0.01em;}section{padding:80px 0;}section:nth-of-type(even){background-color:var(--bg-light);}section:nth-of-type(odd){background-color:var(--bg-dark);}.btn-accent{background:linear-gradient(135deg,var(--brand-accent) 0%,#FFB84D 100%);color:#000;box-shadow:0 10px 25px rgba(255,159,26,0.3);padding:16px 36px;border-radius:99px;font-weight:800;font-size:1.05rem;border:none;transition:all 0.3s ease;display:inline-block;text-decoration:none;text-align:center;animation:pulse 3s ease-in-out infinite;}.btn-accent:hover{animation:none;transform:translateY(-4px);box-shadow:0 15px 35px rgba(255,159,26,0.5);}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);}a{color:inherit;text-decoration:none;}img{max-width:100%;display:block;}.wrapper{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}@media (max-width:600px){.wrapper{padding:0 16px;}}.top-announcement{background:linear-gradient(135deg,var(--brand-main) 0%,#1A0940 100%);color:var(--brand-accent);text-align:center;padding:10px 0;font-size:0.9rem;font-weight:600;letter-spacing:0.5px;position:relative;z-index:100;}.top-announcement .wrapper{display:flex;justify-content:center;align-items:center;gap:10px;}@media (max-width:768px){.top-announcement{font-size:0.78rem;padding:8px 12px;}.top-announcement .wrapper{flex-wrap:wrap;gap:6px;line-height:1.35;}}.pulse-dot{width:8px;height:8px;background-color:var(--brand-accent);border-radius:50%;box-shadow:0 0 0 0 rgba(255,159,26,0.7);animation:pulse-dot-anim 2s infinite;display:inline-block;}@keyframes pulse-dot-anim{0%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,159,26,0.7);}70%{transform:scale(1);box-shadow:0 0 0 10px rgba(255,159,26,0);}100%{transform:scale(0.95);box-shadow:0 0 0 0 rgba(255,159,26,0);}}header{background:rgba(255,255,255,0.85);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;transition:transform 0.4s cubic-bezier(0.22,1,0.36,1),padding 0.4s cubic-bezier(0.22,1,0.36,1),background 0.4s cubic-bezier(0.22,1,0.36,1),box-shadow 0.4s cubic-bezier(0.22,1,0.36,1),border-color 0.4s cubic-bezier(0.22,1,0.36,1),border-radius 0.4s cubic-bezier(0.22,1,0.36,1),max-width 0.4s cubic-bezier(0.22,1,0.36,1),margin 0.4s cubic-bezier(0.22,1,0.36,1);}body.dark-mode header{background:rgba(26,9,64,0.8);}header.nav-compressed{max-width:1080px;margin:12px auto 0;border-radius:999px;background:rgba(255,255,255,0.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(42,10,87,0.14);box-shadow:0 16px 36px -6px rgba(0,0,0,0.12),0 4px 12px rgba(42,10,87,0.06);}body.dark-mode header.nav-compressed{background:rgba(26,9,64,0.92);border-color:rgba(123,45,255,0.35);box-shadow:0 16px 36px -6px rgba(0,0,0,0.45),0 0 20px rgba(123,45,255,0.15);}header.nav-compressed .nav{padding:8px 24px;}@media (max-width:768px){header.nav-compressed{width:calc(100% - 24px);margin:8px auto 0;border-radius:20px;}header.nav-compressed .nav{padding:8px 16px;}}header.nav-hidden{transform:translateY(-120%);}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;transition:opacity 0.2s ease;}.brand:hover{opacity:0.9;}.logo-typography{font-family:var(--font-main);font-size:clamp(1.5rem,6vw,2.2rem);font-weight:800;line-height:1;letter-spacing:-0.02em;color:var(--brand-main);white-space:nowrap;}.logo-typography span{color:var(--brand-accent);}.nav-buttons{display:flex;gap:12px;align-items:center;}.nav-buttons a.btn-link{padding:10px 20px;border-radius:99px;font-weight:600;border:1px solid transparent;transition:all 0.2s ease;cursor:pointer;font-size:0.95rem;}.nav-buttons .btn-primary{background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;box-shadow:0 4px 14px rgba(91,57,119,0.25);}.nav-buttons .btn-secondary{background:transparent;border-color:var(--border);color:var(--text-light);}.nav-buttons a.btn-link:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,0.1);}.lang-switcher{display:inline-flex;align-items:center;gap:2px;background:rgba(91,57,119,0.06);border:1px solid var(--border);padding:3px 3px 3px 6px;border-radius:99px;font-size:0.8rem;font-weight:700;color:var(--text-muted);transition:all 0.3s ease;}body.dark-mode .lang-switcher{background:rgba(255,255,255,0.05);}.lang-switcher svg{color:var(--text-muted);opacity:0.8;margin-right:4px;flex-shrink:0;}.lang-switcher span.active,.lang-switcher a.active{opacity:1;color:#ffffff;background:var(--brand-main);padding:4px 10px;border-radius:99px;box-shadow:0 2px 6px rgba(91,57,119,0.2);display:inline-block;line-height:1.2;}body.dark-mode .lang-switcher span.active,body.dark-mode .lang-switcher a.active{color:#000000;background:var(--brand-accent);box-shadow:0 2px 6px rgba(255,159,26,0.2);}.lang-switcher a{text-decoration:none;color:var(--text-muted);opacity:0.7;padding:4px 10px;border-radius:99px;transition:all 0.2s ease;display:inline-block;line-height:1.2;}.lang-switcher a:hover{opacity:1;color:var(--text-light);background:rgba(91,57,119,0.08);}body.dark-mode .lang-switcher a:hover{background:rgba(255,255,255,0.08);}.desktop-nav-link{display:inline-block;}.hamburger{display:none;background:transparent;border:none;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;padding:0;border-radius:10px;transition:background 0.2s ease;flex-shrink:0;}.hamburger:hover,.hamburger:active{background:rgba(91,57,119,0.08);}body.dark-mode .hamburger:hover,body.dark-mode .hamburger:active{background:rgba(255,255,255,0.1);}.hamburger img{width:26px;height:26px;filter:invert(0);display:block;}body.dark-mode .hamburger img{filter:invert(1);}.mobile-menu{display:flex;opacity:0;transform:translateY(-8px) scale(0.98);pointer-events:none;position:absolute;top:calc(100% + 12px);right:16px;width:min(340px,calc(100vw - 32px));max-height:calc(100dvh - 90px - env(safe-area-inset-bottom, 0px));overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:20px;box-shadow:0 20px 45px -10px rgba(42,10,87,0.22),0 0 1px 1px rgba(0,0,0,0.05);padding:16px;flex-direction:column;gap:10px;z-index:1000;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1),transform 0.25s cubic-bezier(0.16,1,0.3,1);}body.dark-mode .mobile-menu{background:rgba(26,9,64,0.96);border-color:rgba(123,45,255,0.3);box-shadow:0 20px 45px -10px rgba(0,0,0,0.6),0 0 25px rgba(123,45,255,0.2);}.mobile-menu.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}.mobile-menu-divider{height:1px;background:var(--border);margin:2px 0;opacity:0.6;}.mobile-menu-link{display:flex !important;align-items:center;justify-content:space-between;padding:11px 14px !important;border-radius:12px;color:var(--text-light) !important;font-size:0.94rem;font-weight:600;text-decoration:none;background:transparent;transition:all 0.2s ease;text-align:left !important;width:100%;box-sizing:border-box;}.mobile-menu-link:hover,.mobile-menu-link:active{background:rgba(123,45,255,0.08);color:var(--brand-highlight) !important;transform:translateX(2px);}body.dark-mode .mobile-menu-link:hover,body.dark-mode .mobile-menu-link:active{background:rgba(123,45,255,0.2);color:#fff !important;}.mobile-menu-link .link-left{display:flex;align-items:center;gap:10px;}.mobile-menu-link .link-icon{font-size:1.15rem;line-height:1;}.mobile-menu-link .link-badge{font-size:0.68rem;font-weight:800;text-transform:uppercase;padding:2px 7px;border-radius:99px;background:linear-gradient(135deg,#FF9F1A 0%,#FDB813 100%);color:#000;letter-spacing:0.5px;}.mobile-menu-link .link-arrow{font-size:0.85rem;opacity:0.45;transition:transform 0.2s ease;}.mobile-menu-link:hover .link-arrow{transform:translateX(3px);opacity:1;}.mobile-menu-lang{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:rgba(91,57,119,0.06);border-radius:12px;margin-bottom:2px;}body.dark-mode .mobile-menu-lang{background:rgba(255,255,255,0.05);}.mobile-lang-label{display:flex;align-items:center;gap:6px;font-size:0.8rem;font-weight:700;color:var(--text-muted);}.mobile-lang-options{display:inline-flex;gap:3px;background:rgba(0,0,0,0.06);padding:3px;border-radius:99px;}body.dark-mode .mobile-lang-options{background:rgba(0,0,0,0.3);}.mobile-lang-btn{padding:4px 10px;border-radius:99px;font-size:0.76rem;font-weight:700;text-decoration:none;color:var(--text-muted);transition:all 0.2s ease;display:inline-block;line-height:1.2;}.mobile-lang-btn.active{background:var(--brand-main);color:#fff;box-shadow:0 2px 6px rgba(91,57,119,0.3);}body.dark-mode .mobile-lang-btn.active{background:var(--brand-accent);color:#000;}.mobile-menu a.btn-secondary,.mobile-menu a.btn-primary{display:block !important;text-align:center;padding:12px 18px !important;border-radius:99px;font-weight:700;font-size:0.92rem;text-decoration:none;transition:all 0.25s ease;width:100%;box-sizing:border-box;margin:2px 0;}.mobile-menu a.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text-light);}.mobile-menu a.btn-secondary:hover{background:rgba(123,45,255,0.08);border-color:var(--brand-highlight);}.mobile-menu a.btn-primary{background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;border:none;box-shadow:0 4px 14px rgba(91,57,119,0.3);}body.dark-mode .mobile-menu a.btn-primary{background:linear-gradient(135deg,#7B2DFF 0%,#4a2b63 100%);box-shadow:0 4px 14px rgba(123,45,255,0.4);}.mobile-menu a.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(91,57,119,0.4);}@media (max-width:768px){.logo-typography{font-size:clamp(1.22rem,4.2vw,1.45rem);flex-shrink:0;}.nav-buttons{gap:6px;margin-left:auto;}.desktop-nav-link{display:none !important;}.nav-buttons a.btn-link{display:none !important;}.nav-buttons a.btn-secondary,.nav-buttons a.btn-primary{display:none !important;}.lang-switcher{padding:2px 3px 2px 5px;font-size:0.74rem;flex-shrink:0;}.lang-switcher svg{display:none;}.lang-switcher span.active,.lang-switcher a{padding:3px 7px;font-size:0.74rem;}.theme-toggle{width:36px;height:36px;margin-right:0;flex-shrink:0;}.hamburger{display:flex;width:38px;height:38px;margin-left:2px;flex-shrink:0;}.hamburger img{width:24px;height:24px;}}@media (max-width:360px){.nav-buttons .lang-switcher{display:none !important;}.logo-typography{font-size:1.18rem;}}.theme-toggle{background:rgba(91,57,119,0.06);border:1px solid var(--border);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);margin-right:8px;}body.dark-mode .theme-toggle{background:rgba(255,255,255,0.05);}.theme-toggle:hover{background:rgba(91,57,119,0.12);transform:scale(1.05) rotate(15deg);}body.dark-mode .theme-toggle:hover{background:rgba(255,255,255,0.1);transform:scale(1.05) rotate(-15deg);}.theme-toggle svg{width:20px;height:20px;fill:var(--brand-main);transition:fill 0.3s ease,transform 0.3s ease;}body.dark-mode .theme-toggle svg{fill:var(--brand-accent);transform:rotate(360deg);}.hero{display:flex;flex-wrap:wrap;align-items:center;padding:60px 0 60px;position:relative;overflow:hidden;min-height:80vh;}@media (min-width:768px){.hero{padding:80px 0 60px;}}.hero::before{content:"";position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle at center,rgba(91,57,119,0.25),transparent 70%);filter:blur(90px);pointer-events:none;z-index:0;}.hero-text{flex:1 1 450px;margin-right:24px;z-index:2;position:relative;}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(91,57,119,0.08);border:1px solid rgba(91,57,119,0.15);color:var(--brand-main);padding:6px 16px;border-radius:999px;font-size:0.85rem;font-weight:600;margin-bottom:24px;backdrop-filter:blur(4px);}body.dark-mode .hero-tag{color:var(--brand-accent);border-color:rgba(251,191,36,0.3);background:rgba(251,191,36,0.05);}.hero-tag .check{width:12px;height:12px;border-radius:50%;background:var(--brand-accent);display:inline-block;box-shadow:0 0 10px var(--brand-accent);}.hero h1{font-size:clamp(2.2rem,6vw,4.2rem);line-height:1.05;font-weight:800;margin:16px 0 24px;letter-spacing:-0.03em;}.hero h1 span{display:inline-block;color:transparent;background:linear-gradient(135deg,var(--brand-accent) 20%,#f7d58b 80%);-webkit-background-clip:text;background-clip:text;padding-bottom:5px;}.highlight-mark{position:relative;display:inline-block;white-space:nowrap;}.highlight-mark .highlight-text{position:relative;z-index:2;color:transparent;background:linear-gradient(135deg,var(--brand-accent) 20%,#f7d58b 80%);-webkit-background-clip:text;background-clip:text;padding-bottom:4px;}.highlight-mark .highlight-stroke{position:absolute;bottom:-6px;left:-6%;width:112%;height:70%;z-index:1;pointer-events:none;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 0.9s cubic-bezier(0.22,1,0.36,1);filter:drop-shadow(0 2px 10px rgba(255,159,26,0.45));}.hero.active .highlight-mark .highlight-stroke,.highlight-mark.animated .highlight-stroke{stroke-dashoffset:0;}.highlight-mark:hover .highlight-stroke{animation:strokeShimmer 0.8s ease-in-out forwards;}@keyframes strokeShimmer{0%{opacity:0.8;transform:scaleY(1);}50%{opacity:1;transform:scaleY(1.35) translateY(-1px);filter:drop-shadow(0 4px 16px rgba(255,159,26,0.8));}100%{opacity:0.8;transform:scaleY(1);}}.hero p{max-width:580px;color:var(--text-muted);font-size:1.15rem;margin:0 0 36px;font-weight:400;}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;}.hero-actions .btn-primary{background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;box-shadow:0 10px 25px rgba(91,57,119,0.3);padding:16px 36px;border-radius:99px;font-weight:700;font-size:1rem;animation:pulse 3s ease-in-out infinite;border:none;transition:all 0.3s ease;}.hero-actions .btn-primary:hover{animation:none;transform:translateY(-4px);box-shadow:0 15px 35px rgba(91,57,119,0.4);}.hero-actions .btn-secondary{background:rgba(255,255,255,0.05);border:1px solid var(--border);color:var(--text-light);padding:16px 32px;border-radius:99px;font-weight:600;transition:all 0.3s ease;backdrop-filter:blur(5px);}body.dark-mode .hero-actions .btn-secondary{border-color:rgba(255,255,255,0.15);}.hero-actions .btn-secondary:hover{background:rgba(255,255,255,0.1);border-color:var(--brand-main);color:var(--brand-main);}.microcopy{margin-top:18px;font-size:0.9rem;color:var(--text-muted);display:flex;align-items:center;gap:8px;}.microcopy::before{font-size:0.9rem;display:none;}.hero-image{flex:1 1 380px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px;position:relative;z-index:10;perspective:1200px;}.hero-image::before{content:'';position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:140%;height:130%;background:radial-gradient(circle,rgba(91,57,119,0.45) 0%,rgba(245,158,11,0.15) 35%,transparent 70%);filter:blur(50px);z-index:-2;animation:pulseGlow 7s infinite alternate ease-in-out;pointer-events:none;}@keyframes pulseGlow{0%{opacity:0.55;transform:translate(-50%,-50%) scale(0.92);}100%{opacity:0.95;transform:translate(-50%,-50%) scale(1.08);}}.hero-pillars-nav{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(91,57,119,0.2);border-radius:99px;padding:6px 8px;margin-bottom:22px;box-shadow:0 10px 25px rgba(0,0,0,0.06),0 2px 6px rgba(0,0,0,0.04);z-index:35;max-width:100%;overflow-x:auto;scrollbar-width:none;}.hero-pillars-nav::-webkit-scrollbar{display:none;}body.dark-mode .hero-pillars-nav{background:rgba(30,41,59,0.85);border-color:rgba(255,255,255,0.15);box-shadow:0 10px 25px rgba(0,0,0,0.35);}.pillar-tab-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;padding:8px 16px;border-radius:99px;font-size:0.85rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);white-space:nowrap;outline:none;}.pillar-tab-btn:hover{background:rgba(91,57,119,0.08);color:var(--brand-main);}body.dark-mode .pillar-tab-btn:hover{background:rgba(255,255,255,0.1);color:#fff;}.pillar-tab-btn.active{background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;box-shadow:0 4px 15px rgba(91,57,119,0.35);}.pillar-tab-btn .p-icon{font-size:1.1rem;line-height:1;}.pillar-tab-btn .p-info{display:flex;flex-direction:column;text-align:left;line-height:1.15;}.pillar-tab-btn .p-info strong{font-size:0.84rem;font-weight:700;}.pillar-tab-btn .p-info small{font-size:0.68rem;opacity:0.85;font-weight:500;}.pillar-tab-btn .p-info small.highlight-badge{background:#f59e0b;color:#1e1b4b;padding:1px 6px;border-radius:6px;font-weight:800;display:inline-block;width:fit-content;margin-top:1px;}.hero-3d-stage{position:relative;display:flex;justify-content:center;align-items:center;width:100%;max-width:580px;min-height:640px;perspective:1200px;margin:0 auto;}.stage-pedestal{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%) rotateX(68deg);width:380px;height:220px;border-radius:50%;pointer-events:none;z-index:2;}.pedestal-disc{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;box-sizing:border-box;}.disc-outer{border:2px dashed rgba(245,158,11,0.4);box-shadow:0 0 35px rgba(91,57,119,0.4),inset 0 0 30px rgba(245,158,11,0.2);animation:rotatePedestal 24s linear infinite;}.disc-inner{inset:22px;border:1.5px solid rgba(139,92,246,0.5);background:radial-gradient(ellipse at center,rgba(91,57,119,0.45) 0%,rgba(245,158,11,0.15) 50%,transparent 80%);filter:blur(1px);}.pedestal-glow{position:absolute;inset:40px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(253,184,19,0.65) 0%,transparent 70%);filter:blur(16px);animation:pedestalPulse 4s ease-in-out infinite alternate;}@keyframes rotatePedestal{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes pedestalPulse{0%{opacity:0.4;transform:scale(0.9);}100%{opacity:0.85;transform:scale(1.1);}}.device-mock{position:relative;width:310px;max-width:100%;height:auto;aspect-ratio:320 / 650;background:#0f0f14;border-radius:clamp(24px,8vw,44px);border:clamp(6px,2vw,11px) solid #23232b;box-shadow:0 30px 60px -15px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.15),inset 0 0 0 2px rgba(255,255,255,0.1);overflow:hidden;transform-style:preserve-3d;transform:perspective(1000px) rotateY(-4deg) rotateX(3deg);transition:transform 0.4s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.4s ease;z-index:10;animation:floatDevice 6s ease-in-out infinite;}@keyframes floatDevice{0%{transform:perspective(1000px) rotateY(-4deg) rotateX(3deg) translateY(0px);}50%{transform:perspective(1000px) rotateY(-4deg) rotateX(3deg) translateY(-16px);}100%{transform:perspective(1000px) rotateY(-4deg) rotateX(3deg) translateY(0px);}}.device-glare{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(125deg,rgba(255,255,255,0.22) 0%,rgba(255,255,255,0.04) 40%,transparent 65%);pointer-events:none;z-index:15;}.device-mock::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:37.5%;height:3.8%;background:#23232b;border-bottom-left-radius:clamp(6px,2vw,12px);border-bottom-right-radius:clamp(6px,2vw,12px);z-index:20;}.hero-slider{position:relative;width:100%;height:100%;}.hero-slider img.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 0.8s ease-in-out,transform 0.8s ease-out;transform:scale(1.02);z-index:1;}.hero-slider img.hero-slide.active{opacity:1;transform:scale(1);z-index:2;}.hero-3d-cards-wrap{position:absolute;inset:0;pointer-events:none;z-index:30;}.hero-3d-card{position:absolute;pointer-events:auto;background:rgba(255,255,255,0.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.85);border-radius:18px;padding:12px 16px;box-shadow:0 20px 40px -10px rgba(0,0,0,0.14),0 8px 16px -4px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9);z-index:30;display:flex;flex-direction:column;gap:6px;min-width:175px;max-width:215px;transition:transform 0.3s cubic-bezier(0.2,0.8,0.2,1),box-shadow 0.3s ease,border-color 0.3s ease;cursor:pointer;}body.dark-mode .hero-3d-card{background:rgba(30,41,59,0.92);border-color:rgba(255,255,255,0.15);color:#fff;box-shadow:0 20px 40px -10px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.1);}.hero-3d-card:hover{border-color:var(--brand-accent);box-shadow:0 25px 50px -8px rgba(91,57,119,0.25),0 0 20px rgba(245,158,11,0.2);}.h3d-badge{display:inline-flex;align-items:center;width:fit-content;font-size:0.65rem;font-weight:800;text-transform:uppercase;letter-spacing:0.5px;padding:2px 8px;border-radius:99px;background:rgba(91,57,119,0.1);color:var(--brand-main);}body.dark-mode .h3d-badge{background:rgba(167,139,250,0.15);color:var(--brand-highlight);}.h3d-badge.gold{background:linear-gradient(135deg,rgba(245,158,11,0.2) 0%,rgba(253,184,19,0.3) 100%);color:#b45309;border:1px solid rgba(245,158,11,0.3);}body.dark-mode .h3d-badge.gold{color:#fcd34d;}.h3d-body{display:flex;align-items:center;gap:10px;}.h3d-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand-main),var(--brand-accent));display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:white;box-shadow:0 4px 10px rgba(91,57,119,0.25);flex-shrink:0;}.h3d-title{font-size:0.88rem;font-weight:700;line-height:1.15;color:var(--text-light);}.h3d-sub{font-size:0.72rem;color:var(--text-muted);font-weight:500;line-height:1.2;margin-top:2px;}body.dark-mode .h3d-sub{color:#94a3b8;}.h3d-footer{margin-top:2px;}.h3d-pill{display:inline-block;font-size:0.68rem;font-weight:700;color:var(--brand-accent);letter-spacing:0.2px;}.h3d-pill.gold{color:#d97706;}body.dark-mode .h3d-pill.gold{color:#fbbf24;}.card-word-quest{top:10%;left:-20px;animation:float-card-1 6.5s ease-in-out infinite alternate !important;}.card-surah-quest{bottom:16%;left:-15px;animation:float-card-2 7.2s ease-in-out infinite alternate 1s !important;}.card-reflection{top:12%;right:-20px;animation:float-card-3 6.8s ease-in-out infinite alternate 0.5s !important;border:1.5px solid rgba(245,158,11,0.4);}.card-trust{bottom:14%;right:-15px;animation:float-card-4 7.6s ease-in-out infinite alternate 1.5s !important;}@keyframes float-card-1{0%{transform:translateY(0px) rotate(0deg);}100%{transform:translateY(-12px) rotate(1.2deg);}}@keyframes float-card-2{0%{transform:translateY(0px) rotate(0deg);}100%{transform:translateY(-9px) rotate(-1deg);}}@keyframes float-card-3{0%{transform:translateY(0px) rotate(0deg);}100%{transform:translateY(-14px) rotate(-1.5deg);}}@keyframes float-card-4{0%{transform:translateY(0px) rotate(0deg);}100%{transform:translateY(-10px) rotate(1deg);}}.sandbox-card::after,.hero-3d-card::after,.feature-card::after,.price-card::after{content:'';position:absolute;top:0;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.6) 50%,transparent 100%);pointer-events:none;z-index:2;}body.dark-mode .sandbox-card::after,body.dark-mode .hero-3d-card::after,body.dark-mode .feature-card::after,body.dark-mode .price-card::after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.25) 50%,transparent 100%);}@media (max-width:992px) and (min-width:769px){.hero-3d-stage{max-width:500px;min-height:590px;}.device-mock{width:275px;}.hero-3d-card{min-width:155px;max-width:185px;padding:10px 12px;}.card-word-quest{left:-10px;top:6%;}.card-surah-quest{left:-8px;bottom:12%;}.card-reflection{right:-10px;top:8%;}.card-trust{right:-8px;bottom:10%;}}@media (max-width:768px){.hero-image{margin-top:20px;margin-bottom:25px;width:100% !important;max-width:100% !important;flex:1 1 100% !important;transform:none !important;box-sizing:border-box !important;}.hero-pillars-nav{display:flex !important;width:100% !important;max-width:365px !important;margin:0 auto 16px !important;justify-content:space-between !important;align-items:center !important;gap:3px !important;padding:4px 6px !important;overflow:hidden !important;border-radius:99px !important;box-sizing:border-box !important;}.pillar-tab-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:3px !important;padding:6px 4px !important;flex:1 1 0 !important;min-width:0 !important;border-radius:99px !important;white-space:nowrap !important;box-sizing:border-box !important;text-align:center !important;}.pillar-tab-btn .p-icon{font-size:0.85rem !important;line-height:1 !important;flex-shrink:0 !important;}.pillar-tab-btn .p-info{display:inline-flex !important;flex-direction:row !important;align-items:center !important;min-width:0 !important;line-height:1 !important;}.pillar-tab-btn .p-info strong{font-size:0.66rem !important;font-weight:700 !important;white-space:nowrap !important;letter-spacing:-0.2px !important;overflow:visible !important;}.pillar-tab-btn .p-info small,.pillar-tab-btn .p-info small.highlight-badge{display:none !important;}.hero-3d-stage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;max-width:100%;min-height:auto;perspective:none;margin:0 auto;}.stage-pedestal{width:260px;height:140px;bottom:8px;z-index:1;}.device-mock{order:1 !important;width:min(270px,76vw) !important;margin:0 auto 16px !important;transform:perspective(1000px) rotateY(-2deg) rotateX(2deg);z-index:10;animation:floatDeviceMobile 6s ease-in-out infinite;}.hero-3d-cards-wrap{order:2 !important;}@keyframes floatDeviceMobile{0%{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg) translateY(0px);}50%{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg) translateY(-8px);}100%{transform:perspective(1000px) rotateY(-2deg) rotateX(2deg) translateY(0px);}}.hero-3d-cards-wrap{position:relative !important;inset:auto !important;display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:10px !important;width:100% !important;max-width:360px !important;margin:10px auto 0 !important;padding:0 6px !important;z-index:20 !important;pointer-events:auto !important;}.hero-3d-card{position:relative !important;top:auto !important;bottom:auto !important;left:auto !important;right:auto !important;width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;padding:10px 10px !important;border-radius:14px !important;animation:none !important;transform:none !important;box-shadow:0 4px 16px rgba(0,0,0,0.08) !important;display:flex !important;flex-direction:column !important;gap:4px !important;}.hero-3d-card:active{transform:scale(0.97) !important;}.h3d-badge{display:inline-flex !important;font-size:0.6rem !important;padding:1px 6px !important;width:fit-content !important;}.h3d-body{display:flex !important;align-items:center !important;gap:8px !important;}.h3d-icon{width:30px !important;height:30px !important;font-size:1rem !important;border-radius:8px !important;}.h3d-title{font-size:0.78rem !important;font-weight:700 !important;line-height:1.2 !important;}.h3d-sub{font-size:0.65rem !important;line-height:1.2 !important;}.h3d-footer{margin-top:2px !important;}.h3d-pill{font-size:0.62rem !important;}}@media (max-width:380px){.device-mock{width:240px;}.hero-3d-cards-wrap{grid-template-columns:1fr !important;max-width:290px !important;}}@media (max-width:360px){.hero-pillars-nav{max-width:308px !important;gap:2px !important;padding:3px !important;}.pillar-tab-btn{padding:5px 4px !important;gap:3px !important;}.pillar-tab-btn .p-icon{font-size:0.85rem !important;}.pillar-tab-btn .p-info strong{font-size:0.68rem !important;}}.hero-slider img.hero-slide.active{opacity:1;z-index:2;}.problems,.solution,.global,.pricing,.testimonials,.product-demo,.learning-tools,.join-today,.social-media,.tech-specs{position:relative;z-index:2;}.problem-cards,.feature-grid,.tool-grid,.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px;}.pricing-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-top:40px;margin-bottom:80px;align-items:stretch;}@media (max-width:991px){.pricing-grid{max-width:440px;margin-left:auto;margin-right:auto;}}@media (min-width:992px){.pricing-grid{grid-template-columns:repeat(3,1fr);max-width:1140px;margin-left:auto;margin-right:auto;}}.price-card ul.clean-list{list-style:none;padding:0;margin-top:20px;text-align:left;}.price-card ul.clean-list li{position:relative;padding-left:28px;margin-bottom:12px;line-height:1.4;font-size:0.95rem;}.price-card ul.clean-list li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;}.price-card ul.clean-list li.neutral::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 16 16 12 12 8'/%3E%3Cline x1='8' y1='12' x2='16' y2='12'/%3E%3C/svg%3E");}.price-card ul.clean-list li.check::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310b981' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}.price-card ul.clean-list li.cross::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ef4444' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");}.price-card.pro-card ul.clean-list li.check::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fbbf24' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");}.price-card.pro-card ul.clean-list li.cross::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fb7185' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'/%3E%3Cline x1='6' y1='6' x2='18' y2='18'/%3E%3C/svg%3E");}.receipt-box{background:rgba(0,0,0,0.3);border:1px dashed rgba(255,255,255,0.4);padding:14px;border-radius:8px;margin:20px 0 16px;font-size:0.95rem;line-height:1.5;position:relative;}.receipt-box::before,.receipt-box::after{content:"";position:absolute;top:-6px;width:12px;height:12px;background:linear-gradient(145deg,#2d1c3c 0%,#5b3977 100%);border-radius:50%;}.receipt-box::before{left:-6px;}.receipt-box::after{right:-6px;}.opacity-card{opacity:0.75;border:1px dashed rgba(0,0,0,0.2);filter:grayscale(20%);}body.dark-mode .opacity-card{border-color:rgba(255,255,255,0.2);}.opacity-card:hover{opacity:1;filter:grayscale(0%);}.problem-card,.feature-card,.tool-card,.stat-card,.language-item,.price-card,.text-testi-card,.tech-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-soft);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease,border-color 0.3s ease;}.problem-card:hover,.feature-card:hover,.tool-card:hover,.stat-card:hover,.price-card:hover,.tech-card:hover,.reflection-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -5px rgba(0,0,0,0.1);border-color:var(--brand-main);}.section-tag-badge{display:table;margin:0 auto 12px;background:rgba(255,159,26,0.12);border:1px solid rgba(255,159,26,0.3);color:var(--brand-accent);padding:4px 14px;border-radius:99px;font-size:0.8rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;text-align:center;}.pillar-subtitle{display:inline-block;font-size:0.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--brand-accent);margin-bottom:12px;}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:30px auto 0;}.section-subtext{text-align:center;max-width:620px;margin:0 auto 36px;color:var(--text-muted);font-size:1.02rem;line-height:1.6;}.tool-card{padding:26px 20px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;border-radius:20px;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 4px 16px rgba(0,0,0,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;}.tool-card:hover{transform:translateY(-5px);border-color:var(--brand-accent);box-shadow:0 12px 28px rgba(91,57,119,0.12);}.tool-step-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);width:26px;height:26px;border-radius:50%;background:var(--brand-main);color:#ffffff;font-size:0.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(42,10,87,0.25);}.tool-step-badge.highlight{background:linear-gradient(135deg,#FF9F1A 0%,#FF6D00 100%);box-shadow:0 2px 10px rgba(255,159,26,0.4);}.tool-icon-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:4px auto 12px;}.tool-icon-img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(91,57,119,0.18));transition:transform 0.3s ease;}.tool-card:hover .tool-icon-img{transform:scale(1.08);}.tool-card h4{font-size:1.18rem;font-weight:700;color:var(--brand-main);margin:0 0 3px;}body.dark-mode .tool-card h4{color:#ffffff;}.pillar-subtitle{font-size:0.8rem;font-weight:700;letter-spacing:0.3px;text-transform:uppercase;color:var(--brand-accent);margin-bottom:10px;display:inline-block;}.tool-card p{font-size:0.9rem;line-height:1.5;color:var(--text-muted);margin:0;}.tool-card.highlight-tool{border:1px solid rgba(255,159,26,0.35);background:linear-gradient(180deg,rgba(255,159,26,0.04) 0%,var(--card-bg) 100%);}.pillar-btn-icon{width:22px;height:22px;object-fit:contain;flex-shrink:0;transition:transform 0.25s ease;}.h3d-icon-img{width:28px;height:28px;object-fit:contain;display:block;}.testimonials-header{text-align:center;max-width:680px;margin:0 auto 32px;}.testimonials-subtitle{text-align:center;max-width:580px;margin:10px auto 18px;color:var(--text-muted);font-size:1.02rem;line-height:1.6;}.rating-banner-wrap{display:flex;justify-content:center;align-items:center;margin:0 auto;max-width:240px;position:relative;}.rating-banner-img{max-width:230px;width:100%;height:auto;object-fit:contain;border-radius:16px;box-shadow:0 8px 22px rgba(42,10,87,0.16);border:1px solid rgba(123,45,255,0.2);transition:transform 0.3s ease,box-shadow 0.3s ease;display:block;}.rating-banner-img:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(123,45,255,0.28);}.reflection-section{position:relative;background:linear-gradient(180deg,transparent 0%,rgba(123,45,255,0.03) 50%,transparent 100%);padding:70px 0;overflow:hidden;}.reflection-lead-sub{text-align:center;max-width:640px;margin:0 auto 24px;color:var(--text-muted);font-size:1.02rem;line-height:1.6;}.verse-reflection-quote{max-width:580px;margin:0 auto 36px;padding:16px 24px;background:rgba(123,45,255,0.05);border:1px solid rgba(123,45,255,0.18);border-radius:20px;text-align:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}body.dark-mode .verse-reflection-quote{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.15);}.vr-badge{display:inline-block;font-size:0.76rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--brand-accent);margin-bottom:6px;}.vr-arabic{font-family:'Amiri',serif;font-size:1.35rem;color:var(--brand-main);line-height:1.8;margin-bottom:4px;}body.dark-mode .vr-arabic{color:#FFD700;}.vr-trans{font-size:0.95rem;font-style:italic;color:var(--text-light);margin-bottom:4px;}.vr-ref{display:block;font-size:0.8rem;color:var(--text-muted);font-weight:600;}.reflection-showcase-grid{display:grid;grid-template-columns:1.15fr 0.85fr;align-items:center;gap:40px;margin:0 auto 45px;max-width:980px;padding:36px 32px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,0.04);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;}.reflection-showcase-content{text-align:left;}.reflection-showcase-title{font-family:var(--font-heading);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;line-height:1.3;color:var(--brand-main);margin-bottom:12px;}body.dark-mode .reflection-showcase-title{color:#ffffff;}.reflection-showcase-lead{font-size:0.98rem;line-height:1.6;color:var(--text-muted);margin-bottom:22px;}.reflection-feature-points{display:flex;flex-direction:column;gap:14px;margin-bottom:24px;}.rf-point-item{display:flex;align-items:flex-start;gap:12px;}.rf-point-icon{font-size:1.15rem;line-height:1;padding:8px;border-radius:10px;background:rgba(123,45,255,0.08);color:var(--brand-main);flex-shrink:0;}body.dark-mode .rf-point-icon{background:rgba(167,139,250,0.15);color:var(--brand-accent);}.rf-point-item strong{display:block;font-size:0.95rem;font-weight:700;color:var(--text-light);margin-bottom:2px;}.rf-point-item p{margin:0;font-size:0.88rem;line-height:1.5;color:var(--text-muted);}.reflection-showcase-visual{position:relative;display:flex;justify-content:center;align-items:center;}.reflection-phone-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(123,45,255,0.25) 0%,rgba(255,159,26,0.15) 60%,transparent 80%);filter:blur(30px);z-index:0;pointer-events:none;}.reflection-3d-phone{position:relative;z-index:1;max-width:210px;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 15px 30px rgba(42,10,87,0.25));animation:floatReflectionPhone 6s ease-in-out infinite;transform-origin:center bottom;}@keyframes floatReflectionPhone{0%,100%{transform:translateY(0px) rotate(0deg);}50%{transform:translateY(-8px) rotate(0.6deg);}}@media (max-width:860px){.tool-grid{grid-template-columns:1fr;max-width:380px;gap:28px;}.reflection-showcase-grid{grid-template-columns:1fr;text-align:center;gap:28px;padding:28px 20px;}.reflection-showcase-content{text-align:center;}.rf-point-item{text-align:left;}.reflection-3d-phone{max-width:170px;}.rating-banner-img{max-width:200px;}}.reflection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;margin-top:40px;}.reflection-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.4s ease,border-color 0.3s ease;}.reflection-card.highlight-reflection{border:1px solid rgba(253,184,19,0.4);background:linear-gradient(135deg,rgba(42,10,87,0.05) 0%,rgba(253,184,19,0.08) 100%);box-shadow:0 20px 45px rgba(253,184,19,0.15);}body.dark-mode .reflection-card.highlight-reflection{background:linear-gradient(135deg,rgba(42,10,87,0.6) 0%,rgba(253,184,19,0.12) 100%);}.reflection-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px;}.reflection-badge{font-size:0.75rem;font-weight:700;padding:4px 12px;border-radius:99px;background:rgba(123,45,255,0.1);color:var(--brand-main);border:1px solid rgba(123,45,255,0.2);}body.dark-mode .reflection-badge{color:var(--brand-highlight);border-color:rgba(167,139,250,0.3);}.reflection-badge.gold{background:rgba(253,184,19,0.15);color:#d97706;border-color:rgba(253,184,19,0.3);}body.dark-mode .reflection-badge.gold{color:var(--brand-accent);}.reflection-surah{font-size:0.8rem;font-weight:700;color:var(--text-muted);}.reflection-card h4{font-size:1.35rem;font-weight:800;margin:8px 0 12px;color:var(--text-light);}.reflection-desc{font-size:0.98rem;line-height:1.65;color:var(--text-muted);font-style:italic;margin-bottom:20px;flex-grow:1;}.reflection-footer-tag{font-size:0.8rem;font-weight:700;color:var(--brand-accent);letter-spacing:0.3px;border-top:1px dashed var(--border);padding-top:14px;margin-top:auto;}section{padding:80px 0;}h2{font-size:2.2rem;font-weight:800;margin-bottom:16px;text-align:center;letter-spacing:-0.02em;}.problem-card,.tech-card{padding:32px;}.problem-card h3{margin:0 0 12px;font-size:1.35rem;font-weight:700;color:var(--danger);}body.dark-mode .problem-card h3{color:#fca5a5;}.problem-card p,.feature-card p,.tool-card p,.tech-card p{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.6;}.feature-card{padding:32px;text-align:left;}.feature-card h4{margin:0 0 10px;font-size:1.3rem;font-weight:700;color:var(--brand-accent);}.icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:18px;margin-bottom:20px;font-size:30px;background:var(--bg-light);box-shadow:0 8px 16px rgba(0,0,0,0.05);}.problem-card .icon{background:rgba(239,68,68,0.1);color:var(--danger);}body.dark-mode .problem-card .icon{background:rgba(248,113,113,0.15);}.feature-card .icon{background:linear-gradient(135deg,rgba(91,57,119,0.1),rgba(208,166,74,0.1));border:1px solid rgba(91,57,119,0.2);}.comparison-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg);backdrop-filter:var(--glass-blur);border-radius:var(--radius);overflow:hidden;margin-top:30px;box-shadow:var(--shadow-soft);border:1px solid var(--card-border);}.comparison-table th{background:var(--brand-main);color:#fff;padding:24px;text-align:center;font-weight:700;font-size:1.1rem;}.comparison-table th:first-child{text-align:left;border-top-left-radius:var(--radius);}.comparison-table th:last-child{background:var(--brand-accent);color:#000;border-top-right-radius:var(--radius);}.comparison-table td{padding:20px;border-bottom:1px solid var(--border);text-align:center;font-size:1rem;color:var(--text-muted);}.comparison-table tr:last-child td{border-bottom:none;}.comparison-table td:first-child{text-align:left;font-weight:600;color:var(--text-light);}.comparison-table td:last-child{font-weight:700;color:var(--text-light);background:rgba(208,166,74,0.05);}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:20px;border-radius:var(--radius);}@media (max-width:768px){.comparison-table thead{display:none;}.comparison-table,.comparison-table tbody,.comparison-table tr,.comparison-table td{display:block;width:100%;}.comparison-table tr{margin-bottom:24px;background:var(--card-bg);border-radius:var(--radius);box-shadow:0 4px 12px rgba(0,0,0,0.05);border:1px solid var(--border);overflow:hidden;}.comparison-table td{text-align:right;padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;}.comparison-table td:first-child{background:var(--bg-dark);color:var(--brand-main);font-weight:800;text-transform:uppercase;letter-spacing:0.5px;font-size:0.9rem;text-align:left;display:block;}body.dark-mode .comparison-table td:first-child{color:var(--brand-highlight);}.comparison-table td:last-child{background:rgba(208,166,74,0.15);color:var(--brand-main);border-bottom:none;}body.dark-mode .comparison-table td:last-child{color:var(--text-light);background:rgba(255,159,26,0.15);}.comparison-table td::before{content:attr(data-label);font-weight:600;font-size:0.9rem;color:var(--text-muted);text-align:left;margin-right:10px;}}.global-stats{display:flex;gap:24px;flex-wrap:wrap;margin-bottom:48px;justify-content:center;}.stat-card{padding:30px;text-align:center;flex:1 1 200px;max-width:300px;}.stat-number{font-size:2.8rem;font-weight:800;color:var(--brand-accent);margin:0;line-height:1;letter-spacing:-1px;}.stat-label{margin-top:10px;font-size:1rem;color:var(--text-muted);font-weight:600;}.live-pulse-badge{display:inline-flex;align-items:center;gap:5px;font-size:0.62rem;font-weight:800;color:#059669;background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.3);padding:2px 7px;border-radius:99px;margin-left:6px;vertical-align:middle;letter-spacing:0.5px;text-transform:uppercase;box-shadow:0 0 10px rgba(16,185,129,0.15);}body.dark-mode .live-pulse-badge{background:rgba(16,185,129,0.18);border-color:rgba(16,185,129,0.35);color:#34d399;}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulseDotLive 1.8s infinite ease-in-out;}@keyframes pulseDotLive{0%{transform:scale(0.9);opacity:0.6;}50%{transform:scale(1.35);opacity:1;}100%{transform:scale(0.9);opacity:0.6;}}.language-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;}.language-item{padding:20px 10px;text-align:center;}.language-item .flag{font-size:2.5rem;display:block;margin-bottom:10px;}.language-item .language-name{font-weight:600;font-size:0.9rem;color:var(--text-light);}@keyframes floatLang{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}.language-grid .language-item{animation:floatLang 5s ease-in-out infinite;}.testimonials{text-align:center;padding:100px 0;}.testimonial-slider{position:relative;margin:0 auto;max-width:700px;min-height:380px;border-radius:30px;border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-soft);z-index:1;display:flex;align-items:center;justify-content:center;}.testimonial-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(0.95);transition:opacity 0.5s ease,transform 0.5s ease;display:flex;align-items:center;justify-content:center;pointer-events:none;}.testimonial-slide.active{opacity:1;transform:scale(1);pointer-events:auto;}.text-testi-card{background:transparent;border:none;box-shadow:none;padding:40px;max-width:100%;}.text-testi-card .quote{font-size:1.25rem;font-style:italic;color:var(--text-light);margin-bottom:24px;line-height:1.5;}.text-testi-card h4{font-size:1.2rem;font-weight:700;color:var(--brand-main);margin-bottom:4px;}body.dark-mode .text-testi-card h4{color:var(--brand-accent);}.testimonial-controls{margin-top:30px;display:flex;justify-content:center;gap:16px;z-index:2;position:relative;}.testimonial-controls button{width:50px;height:50px;background:var(--card-bg);border:1px solid var(--border);border-radius:50%;color:var(--text-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:0.2s;}.testimonial-controls button:hover{background:var(--brand-main);color:#fff;transform:scale(1.1);}.pricing{text-align:center;}.pricing-subtitle{max-width:600px;margin:0 auto 50px;color:var(--text-muted);font-size:1.1rem;}.price-card{padding:40px 32px;display:flex;flex-direction:column;justify-content:flex-start;text-align:left;height:auto;}.price-card h3{margin:0;font-size:1.5rem;font-weight:700;}.price-card .price{font-size:3rem;font-weight:800;margin:20px 0;color:var(--brand-accent);line-height:1;}.price-card .old-price{text-decoration:line-through;font-size:1.2rem;color:var(--text-muted);font-weight:400;margin-right:10px;}.price-card ul{list-style:none;padding:0;margin:20px 0 30px;}.price-card .btn-free,.price-card .btn-secondary,.price-card .locked-btn,.price-card .fomo-countdown{margin-top:auto !important;}.price-card .fomo-countdown+.btn-primary{margin-top:15px !important;}.price-card .locked-btn{width:100%;display:block;text-align:center;padding:12px;border-radius:99px;font-weight:600;background:rgba(0,0,0,0.05);color:var(--text-muted);cursor:not-allowed;border:1px solid rgba(0,0,0,0.05);}body.dark-mode .price-card .locked-btn{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.5);border-color:rgba(255,255,255,0.05);}.price-card li{margin-bottom:14px;color:var(--text-muted);padding-left:32px;position:relative;font-size:1rem;}.price-card li::before{content:'✔';position:absolute;left:0;top:2px;color:var(--brand-main);font-weight:800;font-size:1.1rem;}.price-card.highlight{background:var(--card-bg);border:1px solid rgba(91,57,119,0.15);transform:none !important;z-index:5;box-shadow:var(--shadow-soft);}body.dark-mode .price-card.highlight{background:var(--card-bg);border-color:rgba(255,255,255,0.1);}@media (max-width:900px){.price-card.highlight{transform:none !important;}}.price-card.highlight h3,.price-card.highlight .price,.price-card.highlight .new-price{color:var(--text-light) !important;}body.dark-mode .price-card.highlight h3,body.dark-mode .price-card.highlight .price,body.dark-mode .price-card.highlight .new-price{color:#ffffff !important;}.price-card.highlight .old-price{color:var(--text-muted) !important;}.price-card.highlight li{color:var(--text-muted) !important;}body.dark-mode .price-card.highlight li{color:rgba(255,255,255,0.7) !important;}.price-card.highlight li::before{color:var(--brand-main) !important;}body.dark-mode .price-card.highlight li::before{color:var(--brand-accent) !important;}.price-card .badge{position:absolute;top:-16px;right:50%;transform:translateX(50%);background:var(--brand-accent);color:#000;padding:8px 20px;border-radius:99px;font-size:0.85rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,0.3);text-transform:uppercase;letter-spacing:0.5px;}.btn-free{background:transparent;border:2px solid var(--brand-main);color:var(--brand-main);padding:14px 16px;border-radius:99px;font-weight:700;text-align:center;width:100%;display:block;transition:all 0.3s ease;}.btn-free:hover{background:var(--brand-main);color:#fff;transform:translateY(-2px);}body.dark-mode .btn-free{border-color:var(--brand-accent);color:var(--brand-accent);}body.dark-mode .btn-free:hover{background:var(--brand-accent);color:#000;}.price-card .btn-secondary{width:100%;display:block;text-align:center;padding:14px;border-radius:99px;margin-top:20px;font-weight:700;text-decoration:none;border:none;color:#fff !important;background:var(--brand-main);box-shadow:0 4px 15px rgba(91,57,119,0.2);transition:all 0.3s ease;}.price-card .btn-secondary:hover{background:#472d62;transform:translateY(-2px);box-shadow:0 6px 20px rgba(91,57,119,0.3);}body.dark-mode .price-card .btn-secondary{background:var(--brand-accent);color:#000 !important;box-shadow:0 4px 15px rgba(253,184,19,0.2);}body.dark-mode .price-card .btn-secondary:hover{background:#e2a40e;box-shadow:0 6px 20px rgba(253,184,19,0.4);transform:translateY(-2px);}.price-card .btn-primary{background:linear-gradient(90deg,#FDB813 0%,#FFAA00 100%);color:#000;width:100%;display:block;text-align:center;font-weight:800;border:none;box-shadow:0 4px 15px rgba(253,184,19,0.4);padding:16px;border-radius:99px;font-size:1.1rem;transition:all 0.3s ease;text-decoration:none;}.price-card .btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 25px rgba(253,184,19,0.6);background:linear-gradient(90deg,#FFAA00 0%,#FF8800 100%);}.btn-discount{background:var(--brand-accent);color:#000;padding:18px;border-radius:99px;font-weight:800;text-align:center;width:100%;display:block;box-shadow:0 10px 25px rgba(0,0,0,0.2);animation:pulse 2.5s ease-in-out infinite;text-transform:uppercase;cursor:pointer;}.btn-discount:hover{background:#e0b04c;transform:translateY(-3px);animation:none;}.urgency-text{color:#ffe4e6;font-size:0.9rem;font-weight:600;margin-top:16px;text-align:center;animation:textPulse 2s infinite;}.price-card.pro-card{border:1px solid rgba(253,184,19,0.3) !important;background:linear-gradient(135deg,rgba(42,10,87,0.85) 0%,rgba(26,9,64,0.98) 100%) !important;color:#fff !important;position:relative;overflow:visible !important;box-shadow:0 20px 50px rgba(253,184,19,0.15) !important;transform:scale(1.05);z-index:10;border-radius:24px !important;margin-top:20px;margin-bottom:30px;animation:proBorderGlow 4s infinite ease-in-out;display:flex;flex-direction:column;}body.dark-mode .price-card.pro-card{background:linear-gradient(135deg,rgba(26,9,64,0.9) 0%,rgba(12,4,32,0.98) 100%) !important;}.price-card.pro-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(253,184,19,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(253,184,19,0.03) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:1;border-radius:inherit;}.price-card.pro-card>*{position:relative;z-index:2;}.price-card.pro-card:hover{transform:translateY(-8px) scale(1.05) !important;box-shadow:0 30px 60px rgba(253,184,19,0.3) !important;border-color:rgba(253,184,19,0.7) !important;}@media (max-width:1024px){.price-card.pro-card{transform:scale(1) !important;margin-top:0 !important;}.price-card.pro-card:hover{transform:translateY(-8px) scale(1) !important;}}@keyframes proBorderGlow{0%,100%{border-color:rgba(253,184,19,0.3);box-shadow:0 20px 50px rgba(253,184,19,0.12);}50%{border-color:rgba(253,184,19,0.6);box-shadow:0 25px 60px rgba(253,184,19,0.25);}}.pro-card li{color:#ffffff !important;border-bottom:1px solid rgba(255,255,255,0.15);padding-left:0;display:flex;align-items:center;gap:10px;}.pro-card li::before{display:none;}.pricing-journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;margin-bottom:50px;align-items:stretch;max-width:1200px;margin-left:auto;margin-right:auto;text-align:left;}.journey-card{position:relative;border-radius:28px;padding:44px 24px 28px;display:flex;flex-direction:column;justify-content:space-between;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),box-shadow 0.35s ease,border-color 0.3s ease;min-height:520px;}.journey-card:hover{transform:translateY(-8px);}.journey-card.card-free{border:2px solid #AB43FF;background:rgba(171,67,255,0.08);box-shadow:0 10px 30px rgba(171,67,255,0.12);}body.dark-mode .journey-card.card-free{background:rgba(87,7,164,0.25);box-shadow:0 10px 30px rgba(171,67,255,0.18);}.journey-card.card-plus{border:2px solid #F5CB5A;background:rgba(245,203,90,0.1);box-shadow:0 12px 35px rgba(245,203,90,0.16);}body.dark-mode .journey-card.card-plus{background:rgba(159,118,45,0.3);box-shadow:0 14px 40px rgba(245,203,90,0.22);}.journey-card.card-pro{border:2px solid #53B6FF;background:rgba(83,182,255,0.1);box-shadow:0 12px 35px rgba(83,182,255,0.18);}body.dark-mode .journey-card.card-pro{background:rgba(9,77,174,0.3);box-shadow:0 14px 40px rgba(83,182,255,0.25);}.journey-pill-tag{position:absolute;top:-18px;left:50%;transform:translateX(-50%);padding:7px 26px;border-radius:999px;font-weight:800;font-size:0.95rem;letter-spacing:0.8px;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;color:#ffffff !important;box-shadow:0 6px 18px rgba(0,0,0,0.25);z-index:5;}.journey-pill-tag.tag-free{background:#5707A4;border:2px solid #AB43FF;}.journey-pill-tag.tag-plus{background:#9F762D;border:2px solid #F5CB5A;}.journey-pill-tag.tag-pro{background:#094DAE;border:2px solid #53B6FF;}.journey-subtitle{font-size:0.95rem;font-weight:700;margin-bottom:22px;display:block;line-height:1.3;}.journey-subtitle.sub-free{color:#8a2be2;}body.dark-mode .journey-subtitle.sub-free{color:#D89AFF;}.journey-subtitle.sub-plus{color:#d97706;}body.dark-mode .journey-subtitle.sub-plus{color:#FFD462;}.journey-subtitle.sub-pro{color:#0284c7;}body.dark-mode .journey-subtitle.sub-pro{color:#03CAF7;}.journey-feature-list{display:flex;flex-direction:column;gap:13px;margin:0 0 20px 0;padding:0;list-style:none;}.journey-feature-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:0.92rem;color:var(--text-light);line-height:1.4;}body.dark-mode .journey-feature-row{color:#ffffff;}.journey-tick-icon{width:18px;height:18px;min-width:18px;flex-shrink:0;color:#10B981;}.journey-extra-box{display:flex;align-items:flex-start;gap:12px;background:rgba(0,0,0,0.05);border:1px solid rgba(0,0,0,0.06);border-radius:18px;padding:13px 15px;margin-bottom:12px;}body.dark-mode .journey-extra-box{background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.08);}.jeb-badge-icon{width:22px;height:22px;min-width:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:0.9rem;font-weight:800;color:#000;flex-shrink:0;margin-top:1px;}.jeb-badge-icon.gold{background:#F5CB5A;}.jeb-badge-icon.cyan{background:#53B6FF;}.jeb-content{flex:1;}.jeb-content strong{display:block;font-size:0.92rem;font-weight:700;color:var(--text-light);margin-bottom:3px;line-height:1.3;}body.dark-mode .jeb-content strong{color:#ffffff;}.jeb-content p{margin:0;font-size:0.79rem;line-height:1.45;color:var(--text-muted);}body.dark-mode .jeb-content p{color:rgba(255,255,255,0.75);}.journey-price-area{margin-top:auto;padding-top:16px;margin-bottom:16px;border-top:1px dashed rgba(128,128,128,0.25);}.jpa-price-row{display:flex;align-items:baseline;gap:10px;margin-bottom:4px;flex-wrap:wrap;}.jpa-old{font-size:1.15rem;color:var(--text-muted);text-decoration:line-through;font-weight:500;}.jpa-main{font-size:2.2rem;font-weight:800;line-height:1;letter-spacing:-0.02em;}.jpa-main.purple{color:#AB43FF;}.jpa-main.gold{color:#c48f10;}.jpa-main.cyan{color:#0088d4;}body.dark-mode .jpa-main.gold{color:#F5CB5A;}body.dark-mode .jpa-main.cyan{color:#53B6FF;}.jpa-save-pill{font-size:0.75rem;font-weight:800;padding:3px 9px;border-radius:999px;background:#F5CB5A;color:#000;box-shadow:0 2px 6px rgba(245,203,90,0.3);white-space:nowrap;}.jpa-save-pill.cyan{background:#0099EA;color:#ffffff;box-shadow:0 2px 6px rgba(0,153,234,0.35);}.jpa-note{font-size:0.82rem;font-weight:600;color:var(--text-muted);display:block;margin-top:2px;}body.dark-mode .jpa-note{color:rgba(255,255,255,0.68);}.btn-journey{display:block;width:100%;box-sizing:border-box;padding:13px 20px;border-radius:999px;font-weight:800;font-size:0.98rem;text-align:center;text-decoration:none;color:#ffffff !important;transition:transform 0.2s ease,box-shadow 0.2s ease,filter 0.2s ease;border:none;cursor:pointer;}.btn-journey:hover{transform:translateY(-2px);filter:brightness(1.06);}.btn-journey.btn-j-free{background:#AB43FF;box-shadow:0 4px 0 #5E0F9F;}.btn-journey.btn-j-plus{background:#DDAE2F;box-shadow:0 4px 0 #8E6419;}.btn-journey.btn-j-pro{background:#0099EA;box-shadow:0 4px 0 #004991;}@media (max-width:1024px){.pricing-journey-grid{grid-template-columns:1fr;max-width:480px;gap:46px;}}.video-card{position:relative;width:100%;max-width:900px;margin:0 auto;aspect-ratio:16 / 9;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.25);border:4px solid var(--card-bg);background:#000;cursor:pointer;}.video-thumb{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease;opacity:0.8;}.video-card:hover .video-thumb{transform:scale(1.05);opacity:0.6;}.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:48px;background-color:rgba(33,33,33,0.9);border-radius:12px;z-index:5;display:flex;align-items:center;justify-content:center;transition:all 0.2s;}.play-btn::before{content:'';border-style:solid;border-width:10px 0 10px 20px;border-color:transparent transparent transparent #fff;}.video-card:hover .play-btn{background-color:#f00;}.video-card iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;}.video-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:45px;}@media (min-width:576px){.video-grid{grid-template-columns:repeat(2,1fr);}}@media (min-width:992px){.video-grid{grid-template-columns:repeat(4,1fr);}}.video-grid-item{display:flex;flex-direction:column;align-items:center;width:100%;}.demo-caption{text-align:center;margin-top:14px;font-size:1.05rem;font-weight:700;color:var(--text-light);transition:color 0.3s ease;}.video-grid-item:hover .demo-caption{color:var(--brand-accent);}.testimonial-video-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-soft);transition:transform 0.4s cubic-bezier(0.165,0.84,0.44,1),box-shadow 0.4s ease,border-color 0.4s ease;position:relative;overflow:hidden;width:100%;text-align:left;}.testimonial-video-card:hover{transform:translateY(-8px);border-color:var(--brand-main);box-shadow:0 20px 40px rgba(91,57,119,0.12);}body.dark-mode .testimonial-video-card:hover{border-color:var(--brand-highlight);box-shadow:0 20px 45px rgba(0,0,0,0.4),0 0 15px rgba(123,45,255,0.15);}.testimonial-video-card .video-card{margin:0;border:none;border-radius:16px;box-shadow:none;width:100%;}.testimonial-meta{display:flex;align-items:center;gap:14px;padding:4px 6px;min-width:0;}.avatar-icon{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.95rem;color:#ffffff;flex-shrink:0;box-shadow:0 4px 10px rgba(0,0,0,0.12);letter-spacing:0.5px;text-shadow:0 1px 2px rgba(0,0,0,0.2);}.gradient-menk{background:linear-gradient(135deg,#FF9F1A 0%,#FFA500 100%);}.gradient-muhaya{background:linear-gradient(135deg,#10B981 0%,#059669 100%);}.gradient-farhatul{background:linear-gradient(135deg,#EC4899 0%,#8B5CF6 100%);}.gradient-sabah{background:linear-gradient(135deg,#06B6D4 0%,#3B82F6 100%);}.meta-details{display:flex;flex-direction:column;gap:2px;min-width:0;}.meta-name{font-size:1.05rem;font-weight:700;color:var(--text-light);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-heading);letter-spacing:-0.01em;}.meta-role{font-size:0.82rem;font-weight:500;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.platinum-event-section{position:relative;padding:90px 0;background:radial-gradient(circle at 50% 10%,rgba(91,57,119,0.22) 0%,transparent 70%),linear-gradient(180deg,var(--bg-dark) 0%,rgba(26,9,64,0.08) 100%);overflow:hidden;z-index:2;}body.dark-mode .platinum-event-section{background:radial-gradient(circle at 50% 10%,rgba(123,45,255,0.18) 0%,transparent 70%),linear-gradient(180deg,#11052C 0%,#1A0940 100%);}.platinum-event-badge-wrap{text-align:center;margin-bottom:14px;}.platinum-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(245,158,11,0.18) 0%,rgba(217,119,6,0.28) 100%);border:1px solid rgba(245,158,11,0.45);color:#d97706;font-size:0.82rem;font-weight:800;letter-spacing:1px;padding:6px 18px;border-radius:99px;text-transform:uppercase;box-shadow:0 4px 15px rgba(245,158,11,0.15);}body.dark-mode .platinum-badge{color:#fbbf24;border-color:rgba(251,191,36,0.45);background:linear-gradient(135deg,rgba(251,191,36,0.15) 0%,rgba(245,158,11,0.25) 100%);}.platinum-event-title{text-align:center;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;letter-spacing:-0.02em;margin-bottom:12px;line-height:1.2;}.platinum-event-subtitle{text-align:center;max-width:720px;margin:0 auto 48px;color:var(--text-muted);font-size:1.05rem;line-height:1.6;}.platinum-event-grid{display:grid;grid-template-columns:1.15fr 0.85fr;gap:36px;align-items:start;max-width:1080px;margin:0 auto;}@media (max-width:960px){.platinum-event-grid{grid-template-columns:1fr;gap:32px;}}@media (max-width:768px){.platinum-event-section{padding:60px 0;}.platinum-badge{font-size:0.72rem;padding:5px 12px;letter-spacing:0.5px;white-space:normal;text-align:center;line-height:1.35;}.platinum-event-title{font-size:1.6rem;line-height:1.25;padding:0 4px;}.platinum-event-subtitle{font-size:0.92rem;margin-bottom:30px;padding:0 4px;}.platinum-info-card{padding:20px 16px;}.event-highlight-item{padding:10px 12px;gap:10px;}.event-cta-buttons{flex-direction:column;width:100%;}.event-cta-buttons .btn-primary,.event-cta-buttons .btn-tiktok-follow{width:100%;justify-content:center;text-align:center;}}.platinum-info-card{background:rgba(255,255,255,0.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(91,57,119,0.18);border-radius:24px;padding:clamp(20px,4vw,36px);box-shadow:0 20px 45px -10px rgba(91,57,119,0.12),0 4px 16px rgba(0,0,0,0.04);position:relative;overflow:hidden;}body.dark-mode .platinum-info-card{background:rgba(26,9,64,0.75);border-color:rgba(123,45,255,0.28);box-shadow:0 20px 45px -10px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.1);}.platinum-info-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3.5px;background:linear-gradient(90deg,var(--brand-accent) 0%,#fbbf24 50%,var(--brand-main) 100%);}.event-header-chip{display:inline-flex;align-items:center;gap:8px;background:rgba(91,57,119,0.08);color:var(--brand-main);border:1px solid rgba(91,57,119,0.2);border-radius:99px;padding:4px 12px;font-size:0.78rem;font-weight:700;margin-bottom:16px;}body.dark-mode .event-header-chip{background:rgba(167,139,250,0.12);color:var(--brand-highlight);border-color:rgba(167,139,250,0.25);}.platinum-info-card h3{font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:800;line-height:1.25;margin-bottom:14px;color:var(--text-light);}.event-intro{color:var(--text-muted);font-size:0.98rem;line-height:1.6;margin-bottom:24px;}.event-highlights-list{display:flex;flex-direction:column;gap:14px;margin-bottom:28px;}.event-highlight-item{display:flex;align-items:flex-start;gap:14px;padding:12px 16px;background:rgba(255,255,255,0.6);border:1px solid rgba(0,0,0,0.05);border-radius:14px;transition:transform 0.2s ease,border-color 0.2s ease;}body.dark-mode .event-highlight-item{background:rgba(30,41,59,0.6);border-color:rgba(255,255,255,0.08);}.event-highlight-item:hover{transform:translateX(4px);border-color:rgba(245,158,11,0.4);}.eh-icon{font-size:1.4rem;line-height:1;flex-shrink:0;margin-top:2px;}.eh-text{display:flex;flex-direction:column;gap:2px;}.eh-text strong{font-size:0.92rem;font-weight:700;color:var(--text-light);}.eh-text span{font-size:0.85rem;color:var(--text-muted);line-height:1.4;}.event-cta-box{padding-top:18px;border-top:1px dashed rgba(91,57,119,0.2);}body.dark-mode .event-cta-box{border-top-color:rgba(255,255,255,0.12);}.event-cta-note{font-size:0.85rem;color:var(--text-muted);margin-bottom:14px;font-style:italic;}.event-cta-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}.btn-tiktok-follow{display:inline-flex;align-items:center;gap:8px;background:#000000;color:#ffffff;padding:12px 22px;border-radius:99px;font-size:0.88rem;font-weight:700;border:1px solid rgba(255,255,255,0.15);transition:all 0.25s ease;box-shadow:0 4px 14px rgba(0,0,0,0.25);text-decoration:none;}.btn-tiktok-follow:hover{background:#111111;transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,0.4);color:#ffffff;}.platinum-tiktok-card{background:rgba(255,255,255,0.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(91,57,119,0.18);border-radius:24px;padding:20px;box-shadow:0 20px 45px -10px rgba(91,57,119,0.12);display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;}body.dark-mode .platinum-tiktok-card{background:rgba(26,9,64,0.75);border-color:rgba(123,45,255,0.28);box-shadow:0 20px 45px -10px rgba(0,0,0,0.5);}.tiktok-header-bar{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,0.06);}body.dark-mode .tiktok-header-bar{border-bottom-color:rgba(255,255,255,0.08);}.th-user{display:flex;align-items:center;gap:10px;}.tiktok-logo-badge{width:32px;height:32px;border-radius:50%;background:#000000;color:#ffffff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,0.2);}.th-name{display:block;font-size:0.88rem;font-weight:700;color:var(--text-light);line-height:1.2;}.th-handle{display:block;font-size:0.74rem;color:var(--text-muted);}.th-badge{background:rgba(245,158,11,0.15);color:#b45309;font-size:0.7rem;font-weight:800;padding:3px 10px;border-radius:99px;border:1px solid rgba(245,158,11,0.3);}body.dark-mode .th-badge{background:rgba(251,191,36,0.15);color:#fbbf24;border-color:rgba(251,191,36,0.35);}.tiktok-embed-frame{width:100%;max-width:460px;margin:0 auto;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:16px;box-sizing:border-box;min-height:480px;}.tiktok-embed-frame .tiktok-embed,.tiktok-embed-frame iframe{max-width:100% !important;min-width:280px !important;width:100% !important;margin:0 auto !important;border-radius:16px !important;box-sizing:border-box !important;}.tiktok-embed-frame blockquote.tiktok-embed{background:rgba(255,255,255,0.5);border-radius:16px;padding:16px;box-sizing:border-box;}body.dark-mode .tiktok-embed-frame blockquote.tiktok-embed{background:rgba(30,41,59,0.5);color:#fff;}.join-today h2{text-align:center;margin-bottom:12px;}.lead-form-container{max-width:500px;margin:0 auto;background:var(--bg-light);border-radius:30px;padding:48px;box-shadow:0 25px 60px rgba(0,0,0,0.15);border:1px solid var(--border);}.lead-form-container label{display:block;margin-bottom:8px;font-size:0.9rem;font-weight:600;color:var(--text-muted);}.lead-form-container input{width:100%;padding:16px 20px;border-radius:12px;margin-bottom:24px;background-color:var(--bg-dark);border:2px solid var(--border);color:var(--text-light);font-size:1rem;transition:border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;}.lead-form-container input:hover{border-color:rgba(91,57,119,0.4);}body.dark-mode .lead-form-container input:hover{border-color:rgba(255,159,26,0.4);}.lead-form-container input:focus{outline:none;border-color:var(--brand-main);background:var(--bg-light);box-shadow:0 0 16px rgba(91,57,119,0.2),0 0 0 4px rgba(91,57,119,0.15);transform:translateY(-2px);}body.dark-mode .lead-form-container input:focus{border-color:var(--brand-accent);background:rgba(30,41,59,0.5);box-shadow:0 0 16px rgba(255,159,26,0.25),0 0 0 4px rgba(255,159,26,0.15);}.lead-form-container button{width:100%;padding:18px;border-radius:12px;background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s ease,background 0.3s ease;box-shadow:0 10px 25px rgba(91,57,119,0.3);}.lead-form-container button:hover{transform:translateY(-4px) scale(1.02);background:linear-gradient(135deg,#7b2dff 0%,var(--brand-main) 100%);box-shadow:0 18px 38px rgba(91,57,119,0.45),0 0 12px rgba(123,45,255,0.3);}.lead-form-container button:active{transform:translateY(-1px) scale(0.98);box-shadow:0 8px 18px rgba(91,57,119,0.3);}.faq-section{background:var(--bg-dark);}.faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px;}.faq-list details{background:var(--card-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.03);transition:border-color 0.3s ease,box-shadow 0.3s ease,background-color 0.3s ease;}.faq-list details[open]{border-color:var(--brand-main);box-shadow:0 8px 20px rgba(91,57,119,0.1);background:var(--bg-light);}body.dark-mode .faq-list details[open]{border-color:var(--brand-highlight);}.faq-list summary{padding:24px;cursor:pointer;font-weight:600;font-size:1.1rem;color:var(--text-light);display:flex;justify-content:space-between;align-items:center;list-style:none;transition:background-color 0.25s ease,color 0.25s ease;}.faq-list summary:hover{background-color:rgba(91,57,119,0.03);color:var(--brand-main);}body.dark-mode .faq-list summary:hover{background-color:rgba(255,255,255,0.02);color:var(--brand-accent);}.faq-list summary::-webkit-details-marker{display:none;}.faq-list summary::after{content:'+';font-size:1.5rem;color:var(--brand-accent);font-weight:400;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}.faq-list details[open] summary::after{transform:rotate(45deg);}.faq-answer{padding:0 24px 24px;color:var(--text-muted);font-size:1rem;line-height:1.7;border-top:1px solid var(--border);margin-top:-10px;padding-top:20px;opacity:0;}.faq-list details[open] .faq-answer{animation:faqSlideDown 0.35s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes faqSlideDown{from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);}}footer{background:var(--bg-light);border-top:1px solid var(--border);color:var(--text-muted);padding:80px 0 40px;font-size:0.95rem;}body.dark-mode footer{background:#080808;}footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:50px;}footer h4{margin:0 0 20px;font-size:1.2rem;color:var(--text-light);font-weight:700;}footer a{color:var(--text-muted);display:block;margin-bottom:12px;transition:color 0.2s;}footer a:hover{color:var(--brand-main);}.social-links img{width:44px;height:44px;transition:transform 0.3s ease;}.whatsapp-float{position:fixed;bottom:108px;right:30px;width:58px;height:58px;border-radius:50%;background:#25D366;color:#fff;display:flex;justify-content:center;align-items:center;box-shadow:0 10px 25px rgba(37,211,102,0.4);z-index:1000;transition:transform 0.2s ease,opacity 0.2s ease;-webkit-tap-highlight-color:transparent;}.whatsapp-float:hover{transform:translateY(-4px) scale(1.05);}.whatsapp-float:active{transform:scale(0.96);}.whatsapp-float:focus-visible{outline:3px solid #25D366;outline-offset:3px;}.whatsapp-float img{width:32px;height:32px;display:block;}body.tq-guide-open .whatsapp-float,body:has(.tq-guide-panel.open) .whatsapp-float{opacity:0 !important;pointer-events:none !important;transform:scale(0.8) !important;transition:opacity 0.2s ease,transform 0.2s ease !important;}.mobile-sticky-cta{display:none;position:fixed;bottom:0;left:0;width:100%;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-top:1px solid var(--border);padding:16px 24px;box-shadow:0 -5px 20px rgba(0,0,0,0.1);z-index:999;justify-content:space-between;align-items:center;}body.dark-mode .mobile-sticky-cta{background:rgba(5,5,5,0.9);}.btn-sticky{background:var(--brand-accent);color:#000;padding:12px 28px;border-radius:99px;font-weight:700;font-size:0.95rem;box-shadow:0 5px 15px rgba(0,0,0,0.2);}.social-proof-popup{position:fixed;bottom:30px;left:30px;background:var(--bg-light);border:1px solid var(--border);padding:12px 20px;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,0.15);display:flex;align-items:center;gap:12px;z-index:900;opacity:0;transform:translateY(20px);transition:opacity 0.5s ease,transform 0.5s ease;max-width:300px;}body.dark-mode .social-proof-popup{background:#1a1a1a;border-color:rgba(255,255,255,0.1);}.social-proof-popup.show{opacity:1;transform:translateY(0);}.sp-icon{font-size:1.2rem;}.sp-text{font-size:0.85rem;color:var(--text-light);line-height:1.3;}.sp-text strong{font-weight:700;color:var(--brand-main);}body.dark-mode .sp-text strong{color:var(--brand-accent);}.sp-time{font-size:0.75rem;color:var(--text-muted);display:block;}.who-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:40px;}.who-card{background:var(--card-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);border-radius:var(--radius);padding:30px;text-align:center;transition:transform 0.3s ease;box-shadow:var(--shadow-soft);}.who-card:hover{transform:translateY(-8px);border-color:var(--brand-accent);}.who-card .icon{margin:0 auto 20px;background:rgba(91,57,119,0.05);color:var(--brand-main);}body.dark-mode .who-card .icon{background:rgba(255,255,255,0.05);color:var(--brand-accent);}.who-card h4{margin:10px 0;font-size:1.1rem;font-weight:700;}.guarantee-badge{display:flex;align-items:center;justify-content:center;gap:16px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.3);padding:24px;border-radius:16px;margin:60px auto 0;max-width:600px;text-align:left;}body.dark-mode .guarantee-badge{background:rgba(16,185,129,0.05);border-color:rgba(16,185,129,0.2);}.guarantee-badge .icon-shield{font-size:2.5rem;flex-shrink:0;}.guarantee-badge h4{margin:0 0 4px;color:#059669;font-size:1.1rem;font-weight:800;}body.dark-mode .guarantee-badge h4{color:#34d399;}.guarantee-badge p{margin:0;font-size:0.95rem;color:var(--text-muted);line-height:1.4;}@media (max-width:600px){.guarantee-badge{flex-direction:column;text-align:center;padding:20px;}}@media (max-width:768px){.hero{flex-direction:column;text-align:center;padding-top:40px;}.hero-text{margin-right:0;padding:0;flex:1 1 100%;max-width:100%;min-width:0;box-sizing:border-box;}.hero-image{margin-top:20px;margin-bottom:25px;transform:none;width:100% !important;max-width:100% !important;flex:1 1 100% !important;box-sizing:border-box !important;}.hero-actions{justify-content:center;width:100%;gap:12px;}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%;max-width:320px;padding:14px 18px;font-size:0.92rem;box-sizing:border-box;}.hero-trust-container{justify-content:center;text-align:center;gap:12px;}.live-counter-badge{max-width:100%;font-size:0.76rem;padding:6px 10px;line-height:1.35;box-sizing:border-box;text-align:center;}.price-card.highlight{margin:20px 0;}.mobile-sticky-cta{display:flex;}.whatsapp-float{bottom:calc(155px + env(safe-area-inset-bottom, 0px)) !important;right:15px !important;width:50px !important;height:50px !important;box-shadow:0 8px 20px rgba(37,211,102,0.35) !important;z-index:1000 !important;}.whatsapp-float img{width:28px !important;height:28px !important;}.social-proof-popup{display:flex !important;bottom:calc(85px + env(safe-area-inset-bottom, 0px)) !important;left:15px !important;right:auto !important;max-width:220px !important;padding:8px 14px !important;z-index:900 !important;}body:has(.tq-guide-invite.show) .social-proof-popup{opacity:0 !important;pointer-events:none !important;}.social-proof-popup .sp-icon{font-size:1rem !important;}.social-proof-popup .sp-text{font-size:0.75rem !important;}footer{padding-bottom:100px;}}.hero::before{will-change:transform;transform:translate3d(-50%,calc(var(--scroll-y,0px) * 0.15px),0);transition:transform 0.1s linear;}.reveal-stagger-child{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease-out,transform 0.6s cubic-bezier(0.25,1,0.5,1);}.reveal-stagger-child.active{opacity:1;transform:translateY(0);}@media (prefers-reduced-motion:reduce){.hero::before{transform:translateX(-50%) !important;}.reveal,.reveal-stagger-child{transition:none !important;opacity:1 !important;transform:none !important;}.float-card,.blob-1,.blob-2,.sandbox-card,.device-mock{animation:none !important;transform:none !important;transition:none !important;}.highlight-mark .highlight-stroke{stroke-dashoffset:0 !important;transition:none !important;}.highlight-mark:hover .highlight-stroke{animation:none !important;}.btn-primary:hover,.glow-button:hover,.btn-secondary:hover{transform:none !important;}.btn-primary::after,.glow-button::after{display:none !important;}header{transition:none !important;}}@keyframes glow-pulse{0%{box-shadow:0 0 0 0 rgba(91,57,119,0.7);}70%{box-shadow:0 0 0 15px rgba(91,57,119,0);}100%{box-shadow:0 0 0 0 rgba(91,57,119,0);}}.glow-button{animation:glow-pulse 2s infinite !important;position:relative;z-index:5;}.mobile-sticky-cta{position:fixed;bottom:calc(15px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%) translateY(100px);width:90%;max-width:400px;background:rgba(255,255,255,0.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(91,57,119,0.2);padding:12px 20px;border-radius:99px;box-shadow:0 10px 30px rgba(0,0,0,0.15);z-index:990;display:flex;align-items:center;justify-content:space-between;transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);will-change:transform;}body.dark-mode .mobile-sticky-cta{background:rgba(30,41,59,0.9);border-color:rgba(255,255,255,0.1);}.mobile-sticky-cta.visible{transform:translateX(-50%) translateY(0);}.sticky-text{font-weight:700;font-size:0.9rem;color:var(--text-light);line-height:1.2;}.sticky-sub{font-size:0.75rem;color:var(--text-muted);font-weight:400;}.btn-sticky{background:linear-gradient(135deg,#FFD700 0%,#FFA500 100%);color:#000;padding:10px 24px;border-radius:99px;font-weight:700;font-size:0.9rem;border:none;box-shadow:0 4px 12px rgba(91,57,119,0.3);}@media (min-width:769px){.mobile-sticky-cta{display:none !important;}}.exit-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;}.exit-popup-overlay.active{opacity:1;pointer-events:auto;}.exit-popup-content{background:var(--bg-light);padding:40px;border-radius:20px;max-width:500px;width:90%;text-align:center;position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.3);transform:scale(0.9) translateY(15px);opacity:0;transition:transform 0.5s cubic-bezier(0.34,1.56,0.64,1),opacity 0.3s ease,background-color 0.3s ease;will-change:transform,opacity;}.exit-popup-overlay.active .exit-popup-content{transform:scale(1) translateY(0);opacity:1;}.close-popup{position:absolute;top:15px;right:20px;font-size:1.5rem;cursor:pointer;color:var(--text-muted);transition:color 0.2s ease,transform 0.2s ease;}.close-popup:hover{color:var(--brand-main);transform:scale(1.1) rotate(90deg);}.exit-popup-content h3{font-size:1.8rem;color:var(--brand-main);margin-bottom:10px;}.exit-popup-content input{width:100%;padding:14px 18px;margin:12px 0 20px 0;background:var(--bg-dark);border:2px solid var(--border);border-radius:12px;color:var(--text-light);font-size:0.95rem;transition:border-color 0.3s ease,background-color 0.3s ease,box-shadow 0.3s ease,transform 0.3s ease;}.exit-popup-content input:hover{border-color:rgba(91,57,119,0.4);}body.dark-mode .exit-popup-content input:hover{border-color:rgba(255,159,26,0.4);}.exit-popup-content input:focus{outline:none;border-color:var(--brand-main);background:var(--bg-light);box-shadow:0 0 12px rgba(91,57,119,0.15),0 0 0 3px rgba(91,57,119,0.1);transform:translateY(-1px);}body.dark-mode .exit-popup-content input:focus{border-color:var(--brand-accent);background:rgba(30,41,59,0.5);box-shadow:0 0 12px rgba(255,159,26,0.2),0 0 0 3px rgba(255,159,26,0.1);}.exit-popup-content .btn-primary{width:100%;padding:16px;border-radius:12px;background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;font-weight:700;font-size:1.1rem;border:none;cursor:pointer;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s ease,background 0.3s ease;box-shadow:0 10px 25px rgba(91,57,119,0.3);margin-top:10px;}.exit-popup-content .btn-primary:hover{transform:translateY(-3px) scale(1.02);background:linear-gradient(135deg,#7b2dff 0%,var(--brand-main) 100%);box-shadow:0 15px 30px rgba(91,57,119,0.4);}.exit-popup-content .btn-primary:active{transform:translateY(-1px) scale(0.98);box-shadow:0 6px 15px rgba(91,57,119,0.3);}.fomo-countdown{display:flex;justify-content:center;align-items:center;gap:12px;margin:15px 0 25px;}.fomo-box{background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);border-radius:12px;padding:10px 15px;min-width:65px;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,0.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.price-card:not(.highlight):not(.pro-card) .fomo-box{background:rgba(91,57,119,0.05);border-color:rgba(91,57,119,0.1);}.price-card:not(.highlight):not(.pro-card) .fomo-box span{color:var(--brand-main);}.price-card:not(.highlight):not(.pro-card) .fomo-box small{color:var(--text-muted);}.price-card:not(.highlight):not(.pro-card) .fomo-countdown>span{color:var(--brand-main);}.fomo-box span{display:block;font-size:1.8rem;font-weight:800;line-height:1;color:#fff;}.fomo-box small{display:block;font-size:0.75rem;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,0.7);margin-top:4px;letter-spacing:0.5px;}.combo-fomo .fomo-box span{color:var(--brand-accent);text-shadow:0 2px 10px rgba(253,184,19,0.3);}.fomo-countdown>span{font-size:1.5rem;font-weight:800;color:rgba(255,255,255,0.5);margin-bottom:20px;}.floating-share-bar{position:fixed;left:0;top:50%;transform:translateY(-50%);background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-left:none;border-top-right-radius:16px;border-bottom-right-radius:16px;padding:16px 12px;display:flex;flex-direction:column;gap:12px;z-index:1000;box-shadow:4px 0 20px rgba(0,0,0,0.08);transition:transform 0.3s ease;will-change:transform;}body.dark-mode .floating-share-bar{background:rgba(18,18,18,0.8);box-shadow:4px 0 20px rgba(0,0,0,0.5);}.share-title{font-size:0.65rem;font-weight:800;color:var(--text-muted);text-align:center;writing-mode:vertical-rl;text-orientation:mixed;margin-bottom:8px;letter-spacing:2px;padding-bottom:12px;border-bottom:1px solid var(--border);transform:rotate(180deg);}.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all 0.2s ease;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,0.1);}.share-btn svg{width:20px;height:20px;}.share-btn:hover{transform:scale(1.1) translateX(5px);}.wa-share{background:#25D366;}.wa-share:hover{box-shadow:0 5px 15px rgba(37,211,102,0.4);}.tg-share{background:#0088cc;}.tg-share:hover{box-shadow:0 5px 15px rgba(0,136,204,0.4);}.fb-share{background:#1877f2;}.fb-share:hover{box-shadow:0 5px 15px rgba(24,119,242,0.4);}@media (max-width:768px){.floating-share-bar{display:none !important;}}.discount-code-banner{background:linear-gradient(135deg,rgba(210,166,74,0.1) 0%,rgba(210,166,74,0.2) 100%);border:2px dashed var(--brand-accent);border-radius:16px;padding:15px 25px;margin:0 auto 40px auto;max-width:600px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px rgba(210,166,74,0.15);transition:transform 0.3s ease,box-shadow 0.3s ease;}.discount-code-banner:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(210,166,74,0.3);}.dcb-icon{font-size:2.5rem;animation:pulse 2s infinite;}.dcb-content{display:flex;flex-direction:column;}.dcb-title{font-size:0.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:4px;}.dcb-code{font-size:2rem;font-weight:800;color:var(--brand-accent);letter-spacing:3px;background:rgba(210,166,74,0.1);padding:4px 16px;border-radius:8px;display:inline-block;border:1px solid rgba(210,166,74,0.3);}.dcb-code:hover{background:rgba(210,166,74,0.2);}.dcb-desc{font-size:0.9rem;color:var(--text-light);margin-left:auto;max-width:200px;text-align:right;line-height:1.4;}@media (max-width:650px){.discount-code-banner{flex-direction:column;text-align:center;gap:12px;padding:20px;}.dcb-desc{margin-left:0;text-align:center;max-width:100%;margin-top:8px;}}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--overlay-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light);z-index:10;transition:background 0.3s ease,backdrop-filter 0.3s ease;padding:20px;text-align:center;}.locked-overlay .lock-icon{font-size:2.2rem;margin-bottom:12px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.15));animation:lock-pulse 2s infinite ease-in-out;}.locked-overlay .lock-badge{font-weight:700;color:#000;background:var(--brand-accent);padding:8px 20px;border-radius:99px;font-size:0.85rem;box-shadow:0 4px 15px rgba(255,159,26,0.3);text-transform:uppercase;letter-spacing:0.5px;border:1px solid rgba(255,255,255,0.2);}body.dark-mode .locked-overlay .lock-badge{color:#ffffff;background:var(--brand-main);box-shadow:0 4px 15px rgba(123,45,255,0.3);}@keyframes lock-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.1);}}.hero-glow-blob{position:absolute;border-radius:50%;filter:blur(120px);opacity:0.12;pointer-events:none;z-index:1;will-change:transform;}body.dark-mode .hero-glow-blob{opacity:0.22;}.blob-1{top:-5%;left:-10%;width:clamp(250px,40vw,450px);height:clamp(250px,40vw,450px);background:radial-gradient(circle,var(--brand-highlight) 0%,transparent 80%);animation:floatBlob1 18s infinite alternate ease-in-out;}.blob-2{bottom:-10%;right:-10%;width:clamp(300px,50vw,550px);height:clamp(300px,50vw,550px);background:radial-gradient(circle,var(--brand-accent) 0%,transparent 80%);animation:floatBlob2 22s infinite alternate ease-in-out;}@keyframes floatBlob1{0%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,30px) scale(1.1);}100%{transform:translate(-20px,15px) scale(0.95);}}@keyframes floatBlob2{0%{transform:translate(0,0) scale(1);}50%{transform:translate(-50px,-20px) scale(0.9);}100%{transform:translate(30px,40px) scale(1.1);}}@media (max-width:768px){.hero-glow-blob{display:none !important;}}.sandbox-card{background:rgba(255,255,255,0.45);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,0.5);border-radius:var(--radius);padding:clamp(16px,4vw,24px);margin:28px 0;box-shadow:var(--shadow-soft);max-width:580px;position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.175,0.885,0.32,1.15);z-index:10;}body.dark-mode .sandbox-card{background:rgba(42,10,87,0.45);border-color:rgba(123,45,255,0.2);box-shadow:0 15px 35px rgba(0,0,0,0.3);}.sandbox-card:hover{transform:translateY(-4px);box-shadow:0 20px 45px rgba(91,57,119,0.1);border-color:var(--brand-main);}body.dark-mode .sandbox-card:hover{box-shadow:0 20px 45px rgba(0,0,0,0.45);border-color:var(--brand-highlight);}.sandbox-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}.sandbox-title{font-size:0.75rem;font-weight:800;letter-spacing:1.5px;color:var(--brand-main);text-transform:uppercase;display:flex;align-items:center;gap:6px;}body.dark-mode .sandbox-title{color:var(--brand-highlight);}.sandbox-badge{background:linear-gradient(135deg,var(--brand-accent) 0%,#FFB84D 100%);color:#000;font-size:0.65rem;font-weight:800;padding:4px 10px;border-radius:99px;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(255,159,26,0.25);}.sandbox-body{text-align:center;padding:8px 0 16px;}.sandbox-word{font-family:'Amiri','Poppins',serif;font-size:clamp(2.2rem,6vw,3.2rem);font-weight:700;color:var(--text-light);margin:8px 0;direction:rtl;text-shadow:0 2px 5px rgba(0,0,0,0.05);transition:opacity 0.3s ease,transform 0.3s ease;}.sandbox-question{font-size:0.95rem;color:var(--text-muted);font-weight:600;margin-bottom:18px;}.sandbox-options{display:flex;flex-direction:column;gap:12px;}.sandbox-opt{background:rgba(255,255,255,0.85);border:1px solid rgba(42,10,87,0.08);border-radius:14px;padding:14px 20px;font-size:0.95rem;font-weight:600;color:var(--text-light);cursor:pointer;transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1);text-align:center;outline:none;box-shadow:0 2px 6px rgba(0,0,0,0.02);}body.dark-mode .sandbox-opt{background:rgba(26,9,64,0.6);border-color:rgba(123,45,255,0.15);box-shadow:none;}.sandbox-opt:hover{transform:translateY(-2px);background:var(--brand-main);color:#ffffff;border-color:var(--brand-main);box-shadow:0 6px 15px rgba(42,10,87,0.15);}body.dark-mode .sandbox-opt:hover{background:var(--brand-highlight);color:#1A0940;border-color:var(--brand-highlight);box-shadow:0 6px 15px rgba(123,45,255,0.25);}.sandbox-opt.correct{background:#10b981 !important;color:#ffffff !important;border-color:#10b981 !important;box-shadow:0 6px 18px rgba(16,185,129,0.3) !important;}.sandbox-opt.wrong{background:#ef4444 !important;color:#ffffff !important;border-color:#ef4444 !important;box-shadow:0 6px 18px rgba(239,68,68,0.3) !important;}.sandbox-feedback{margin-top:18px;padding:14px 18px;border-radius:14px;font-size:0.9rem;line-height:1.5;text-align:center;border:1px solid transparent;animation:slideUp 0.35s cubic-bezier(0.2,0.8,0.2,1);}.sandbox-feedback.success{background:rgba(16,185,129,0.08);color:#065f46;border-color:rgba(16,185,129,0.2);}body.dark-mode .sandbox-feedback.success{background:rgba(16,185,129,0.12);color:#a7f3d0;border-color:rgba(16,185,129,0.25);}.sandbox-feedback.error{background:rgba(239,68,68,0.08);color:#991b1b;border-color:rgba(239,68,68,0.2);}body.dark-mode .sandbox-feedback.error{background:rgba(239,68,68,0.12);color:#fca5a5;border-color:rgba(239,68,68,0.25);}.sandbox-progress{display:flex;justify-content:center;gap:8px;margin-top:18px;}.sandbox-dot{width:8px;height:8px;border-radius:50%;background:rgba(42,10,87,0.1);transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);}body.dark-mode .sandbox-dot{background:rgba(255,255,255,0.15);}.sandbox-dot.active{background:var(--brand-main);width:22px;border-radius:10px;}body.dark-mode .sandbox-dot.active{background:var(--brand-accent);}.sandbox-dot.completed{background:#10b981;}.hero-trust-container{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:24px;animation:slideUp 0.6s ease-out 0.4s both;}.avatar-stack{display:flex;align-items:center;}.avatar-img{width:36px;height:36px;border-radius:50%;border:2.5px solid var(--bg-dark);object-fit:cover;margin-left:-12px;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:transform 0.25s ease;}.avatar-img:first-child{margin-left:0;}.avatar-img:hover{transform:translateY(-4px) scale(1.1);z-index:10;}.avatar-more{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--brand-main) 0%,#4a2b63 100%);color:#ffffff;border:2.5px solid var(--bg-dark);font-size:0.75rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:-12px;box-shadow:0 4px 10px rgba(0,0,0,0.08);}body.dark-mode .avatar-more{background:linear-gradient(135deg,var(--brand-accent) 0%,#FFB84D 100%);color:#000000;}.trust-text{display:flex;flex-direction:column;}.trust-rating{font-size:0.9rem;font-weight:700;color:#FDB813;display:flex;align-items:center;gap:6px;}.rating-num{color:var(--text-light);font-weight:800;font-size:0.85rem;background:rgba(42,10,87,0.05);padding:1px 6px;border-radius:4px;}body.dark-mode .rating-num{background:rgba(255,255,255,0.08);color:#ffffff;}.trust-desc{font-size:0.85rem;color:var(--text-muted);font-weight:500;margin-top:2px;}.live-counter-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(16,185,129,0.06);border:1px solid rgba(16,185,129,0.15);padding:8px 16px;border-radius:99px;font-size:0.85rem;color:#065f46;margin-top:14px;box-shadow:0 4px 12px rgba(16,185,129,0.03);animation:slideUp 0.6s ease-out 0.5s both;}body.dark-mode .live-counter-badge{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.2);color:#a7f3d0;}.live-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;position:relative;display:inline-block;}.live-dot::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background-color:#10b981;border-radius:50%;animation:pulseGreen 1.8s infinite ease-in-out;}@keyframes pulseGreen{0%{transform:scale(1);opacity:0.8;}100%{transform:scale(2.6);opacity:0;}}.live-text{font-weight:500;}.live-text strong{font-weight:800;color:#059669;}body.dark-mode .live-text strong{color:#34d399;}.device-mock::before{content:'';position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient( to right,rgba(255,255,255,0) 0%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0) 100% );transform:skewX(-25deg);z-index:15;animation:shimmerSweep 7s infinite ease-in-out;pointer-events:none;}@keyframes shimmerSweep{0%{left:-150%;}30%{left:150%;}100%{left:150%;}}.sandbox-final-card{text-align:center;animation:scaleIn 0.4s cubic-bezier(0.175,0.885,0.32,1.15);padding:12px 6px;}@keyframes scaleIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}.sandbox-final-title{font-size:1.35rem;font-weight:800;color:var(--brand-accent);margin-bottom:12px;line-height:1.3;}.sandbox-final-desc{font-size:0.95rem;color:var(--text-light);line-height:1.6;margin-bottom:20px;}.sandbox-final-btn{display:inline-block;width:100%;background:linear-gradient(135deg,var(--brand-accent) 0%,#FFB84D 100%);color:#000000 !important;padding:14px 24px;border-radius:14px;font-weight:800;font-size:1rem;text-decoration:none;box-shadow:0 6px 20px rgba(255,159,26,0.3);transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);border:none;cursor:pointer;}.sandbox-final-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(255,159,26,0.45);}.fomo-countdown.combo-fomo{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px auto 14px;background:rgba(0,0,0,0.25);padding:10px 18px;border-radius:14px;border:1px solid rgba(255,255,255,0.08);width:fit-content;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 32px rgba(0,0,0,0.2);}.combo-fomo .fomo-box{background:rgba(0,0,0,0.45);border-radius:8px;padding:8px 12px;min-width:46px;text-align:center;border:1px solid rgba(255,255,255,0.05);box-shadow:inset 0 2px 4px rgba(0,0,0,0.4);}.combo-fomo .fomo-box span{font-family:'Poppins',sans-serif;font-size:1.3rem;font-weight:800;color:var(--brand-accent) !important;text-shadow:0 0 12px rgba(255,159,26,0.65);display:block;line-height:1;}.combo-fomo .fomo-box small{font-size:0.6rem;text-transform:uppercase;color:rgba(255,255,255,0.55);font-weight:700;display:block;margin-top:4px;letter-spacing:0.5px;}.combo-fomo span{color:rgba(255,255,255,0.4);font-weight:800;font-size:1.2rem;}.pricing-grid{display:grid;gap:32px;align-items:stretch;}.price-card{display:flex;flex-direction:column;height:100%;position:relative;}.price-card ul.clean-list{flex-grow:1;margin-bottom:24px;}.price-card ul.clean-list li{margin-bottom:16px;}.price-card-desc{font-size:0.88rem;color:var(--text-muted);line-height:1.5;margin-top:10px;margin-bottom:24px;min-height:48px;}@media (max-width:991px){.price-card-desc{min-height:auto;}}.video-bubble{position:fixed;bottom:30px;left:30px;width:180px;height:110px;border-radius:16px;background-image:url('https://img.youtube.com/vi/S5_CN5wB90E/hqdefault.jpg');background-size:cover;background-position:center;box-shadow:0 12px 36px rgba(0,0,0,0.35),0 0 0 1px rgba(255,255,255,0.1);z-index:1010;cursor:pointer;opacity:0;transform:translateX(-150%) scale(0.9);transition:opacity 0.5s cubic-bezier(0.175,0.885,0.32,1.275),transform 0.5s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s ease;overflow:hidden;will-change:transform,opacity;}.video-bubble.show{opacity:1;transform:translateX(0) scale(1);}.video-bubble:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 45px rgba(253,184,19,0.25),0 0 0 2px var(--brand-accent);}.video-bubble-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.1) 60%,rgba(0,0,0,0.3) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:10px;box-sizing:border-box;}.video-bubble-close{position:absolute;top:6px;right:6px;width:20px;height:20px;background:rgba(0,0,0,0.6);border:1px solid rgba(255,255,255,0.2);color:#fff;border-radius:50%;font-size:14px;line-height:18px;text-align:center;cursor:pointer;z-index:1012;display:flex;align-items:center;justify-content:center;transition:background 0.2s,transform 0.2s;}.video-bubble-close:hover{background:#ef4444;transform:scale(1.1);}.video-bubble-play{width:32px;height:32px;background:#FDB813;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:auto;box-shadow:0 4px 15px rgba(253,184,19,0.5);position:relative;transition:transform 0.3s;}.video-bubble:hover .video-bubble-play{transform:scale(1.15);}.video-bubble-play::before{content:"";width:0;height:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #000;margin-left:2px;}@keyframes playPulse{0%{box-shadow:0 0 0 0 rgba(253,184,19,0.6);}70%{box-shadow:0 0 0 10px rgba(253,184,19,0);}100%{box-shadow:0 0 0 0 rgba(253,184,19,0);}}.video-bubble-play{animation:playPulse 2s infinite;}.video-bubble-title{font-size:0.72rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,0.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;width:100%;}.video-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(10,5,20,0.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.4s ease;}.video-lightbox.show{opacity:1;pointer-events:auto;}.video-lightbox-content{width:90%;max-width:800px;background:rgba(20,15,35,0.95);border:1px solid rgba(253,184,19,0.2);box-shadow:0 25px 60px rgba(0,0,0,0.6),0 0 40px rgba(91,57,119,0.15);border-radius:24px;padding:24px;box-sizing:border-box;position:relative;transform:scale(0.9);transition:transform 0.4s cubic-bezier(0.175,0.885,0.32,1.15);}.video-lightbox.show .video-lightbox-content{transform:scale(1);}.video-lightbox-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:36px;cursor:pointer;line-height:1;transition:color 0.2s,transform 0.2s;}.video-lightbox-close:hover{color:var(--brand-accent);transform:rotate(90deg);}.video-iframe-container{position:relative;width:100%;padding-top:56.25%;border-radius:16px;overflow:hidden;background:#000;box-shadow:inset 0 0 20px rgba(0,0,0,0.8);}.video-iframe-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}.video-lightbox-caption{margin-top:20px;text-align:left;}.video-lightbox-caption h4{margin:0;font-size:1.25rem;font-weight:700;color:#fff;}.video-lightbox-caption p{margin:8px 0 0;font-size:0.95rem;color:var(--text-muted);line-height:1.4;}@media (max-width:768px){.video-bubble{bottom:85px;left:15px;width:150px;height:95px;}.video-lightbox-content{padding:16px;border-radius:16px;}.video-lightbox-close{top:-35px;right:0;font-size:30px;z-index:10;display:flex;align-items:center;justify-content:center;}.video-lightbox-caption{margin-top:16px;}.video-lightbox-caption h4{font-size:1.1rem;}.video-lightbox-caption p{font-size:0.85rem;}}.sandbox-word-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;margin:6px 0 14px 0;}.sandbox-audio-btn{display:inline-flex;align-items:center;gap:7px;background:rgba(42,10,87,0.06);border:1px solid rgba(42,10,87,0.12);color:var(--brand-main);padding:6px 14px;border-radius:99px;font-size:0.82rem;font-weight:700;cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);outline:none;user-select:none;}body.dark-mode .sandbox-audio-btn{background:rgba(123,45,255,0.12);border-color:rgba(123,45,255,0.25);color:var(--brand-highlight);}.sandbox-audio-btn:hover{background:var(--brand-main);color:#fff;border-color:var(--brand-main);transform:translateY(-2px);box-shadow:0 4px 12px rgba(42,10,87,0.2);}body.dark-mode .sandbox-audio-btn:hover{background:var(--brand-highlight);color:#1A0940;border-color:var(--brand-highlight);box-shadow:0 4px 14px rgba(123,45,255,0.35);}.sandbox-audio-btn svg{width:16px;height:16px;transition:transform 0.2s ease;}.sandbox-audio-btn.playing{animation:audioPulse 1.2s infinite ease-in-out;border-color:var(--brand-accent);}.sandbox-audio-btn.playing svg{transform:scale(1.15);stroke:var(--brand-accent);}@keyframes audioPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,159,26,0.4);}50%{box-shadow:0 0 0 8px rgba(255,159,26,0);}}.transformation-section{padding:85px 0;background:linear-gradient(180deg,var(--bg-alt) 0%,var(--bg-main) 100%);position:relative;overflow:hidden;}body.dark-mode .transformation-section{background:linear-gradient(180deg,rgba(26,9,64,0.5) 0%,var(--bg-main) 100%);}.section-tag-center{text-align:center;margin-bottom:14px;}.tag-badge{display:inline-block;background:rgba(255,159,26,0.12);color:var(--brand-accent);border:1px solid rgba(255,159,26,0.3);font-size:0.75rem;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:99px;}body.dark-mode .tag-badge{background:rgba(253,184,19,0.15);border-color:rgba(253,184,19,0.35);color:#FDB813;}.transformation-title{text-align:center;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:800;color:var(--text-light);line-height:1.25;max-width:820px;margin:0 auto 14px auto;}.transformation-subtitle{text-align:center;font-size:1.05rem;color:var(--text-muted);max-width:650px;margin:0 auto 36px auto;line-height:1.6;}.transform-toggle-wrap{display:flex;justify-content:center;margin-bottom:35px;}.transform-toggle-pill{display:inline-flex;background:rgba(42,10,87,0.06);border:1px solid rgba(42,10,87,0.12);padding:5px;border-radius:99px;gap:6px;max-width:100%;}body.dark-mode .transform-toggle-pill{background:rgba(26,9,64,0.7);border-color:rgba(123,45,255,0.25);}.transform-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:99px;border:none;background:transparent;font-size:0.88rem;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all 0.25s ease;white-space:nowrap;}.transform-tab-btn.active{background:#ffffff;color:var(--text-light);box-shadow:0 4px 15px rgba(0,0,0,0.08);}body.dark-mode .transform-tab-btn.active{background:var(--brand-main);color:#ffffff;box-shadow:0 4px 18px rgba(0,0,0,0.35);}.tab-badge-glow{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;font-size:0.65rem;padding:2px 7px;border-radius:99px;font-weight:800;letter-spacing:0.5px;}.transform-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1040px;margin:0 auto;}.transform-card{position:relative;background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;padding:34px 30px;display:flex;flex-direction:column;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s ease;box-shadow:0 10px 30px rgba(0,0,0,0.03);}.transform-card:hover{transform:translateY(-5px);}.card-glow-line{position:absolute;top:0;left:20px;right:20px;height:4px;border-radius:4px 4px 0 0;}.card-before .card-glow-line{background:linear-gradient(90deg,rgba(239,68,68,0.2),rgba(239,68,68,0.8),rgba(239,68,68,0.2));}.card-after .card-glow-line{background:linear-gradient(90deg,#10b981,#FDB813,#10b981);}.card-after.highlighted{border-color:rgba(16,185,129,0.35);box-shadow:0 16px 40px rgba(16,185,129,0.08);background:linear-gradient(180deg,rgba(16,185,129,0.03) 0%,var(--card-bg) 100%);}body.dark-mode .card-after.highlighted{border-color:rgba(16,185,129,0.3);box-shadow:0 16px 45px rgba(0,0,0,0.3);background:linear-gradient(180deg,rgba(16,185,129,0.07) 0%,rgba(26,9,64,0.5) 100%);}.tc-header{margin-bottom:24px;}.tc-status-pill{display:inline-block;font-size:0.72rem;font-weight:800;letter-spacing:1px;padding:5px 12px;border-radius:99px;margin-bottom:12px;}.tc-status-pill.red{background:rgba(239,68,68,0.1);color:#dc2626;border:1px solid rgba(239,68,68,0.2);}body.dark-mode .tc-status-pill.red{background:rgba(239,68,68,0.15);color:#f87171;border-color:rgba(239,68,68,0.3);}.tc-status-pill.green{background:rgba(16,185,129,0.12);color:#059669;border:1px solid rgba(16,185,129,0.25);}body.dark-mode .tc-status-pill.green{background:rgba(16,185,129,0.2);color:#34d399;border-color:rgba(16,185,129,0.4);}.tc-title{font-size:1.35rem;font-weight:800;color:var(--text-light);margin-bottom:6px;}.tc-state-desc{font-size:0.9rem;color:var(--text-muted);line-height:1.4;margin:0;}.tc-points-list{list-style:none;padding:0;margin:0 0 24px 0;display:flex;flex-direction:column;gap:16px;flex:1;}.tc-points-list li{display:flex;align-items:flex-start;gap:12px;}.tc-bullet-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:800;flex-shrink:0;margin-top:2px;}.tc-bullet-icon.bad{background:rgba(239,68,68,0.12);color:#ef4444;}.tc-bullet-icon.good{background:rgba(16,185,129,0.15);color:#10b981;}.tc-points-list li strong{font-size:0.92rem;color:var(--text-light);display:block;margin-bottom:2px;}.tc-points-list li p{font-size:0.85rem;color:var(--text-muted);line-height:1.45;margin:0;}.tc-verdict{margin-top:auto;padding:12px 16px;border-radius:12px;font-size:0.85rem;display:flex;align-items:center;justify-content:space-between;gap:8px;}.tc-verdict.bad{background:rgba(239,68,68,0.07);border:1px dashed rgba(239,68,68,0.2);color:#b91c1c;}body.dark-mode .tc-verdict.bad{background:rgba(239,68,68,0.1);color:#fca5a5;border-color:rgba(239,68,68,0.25);}.tc-verdict.good{background:rgba(16,185,129,0.08);border:1px solid rgba(16,185,129,0.25);color:#065f46;}body.dark-mode .tc-verdict.good{background:rgba(16,185,129,0.12);color:#a7f3d0;border-color:rgba(16,185,129,0.35);}.transform-action-banner{max-width:1040px;margin:35px auto 0 auto;background:linear-gradient(135deg,rgba(42,10,87,0.05) 0%,rgba(255,159,26,0.1) 100%);border:1px solid rgba(42,10,87,0.1);border-radius:20px;padding:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;}body.dark-mode .transform-action-banner{background:linear-gradient(135deg,rgba(42,10,87,0.5) 0%,rgba(123,45,255,0.15) 100%);border-color:rgba(123,45,255,0.25);}.tab-text strong{display:block;font-size:1.05rem;color:var(--text-light);margin-bottom:4px;}.tab-text span{font-size:0.9rem;color:var(--text-muted);}.vocab-calc-section{padding:85px 0;background:var(--bg-main);position:relative;}.calc-container{max-width:960px;margin:0 auto;background:var(--card-bg);border:1px solid var(--border-color);border-radius:28px;padding:45px 40px;box-shadow:0 16px 45px rgba(0,0,0,0.04);}body.dark-mode .calc-container{background:rgba(30,11,71,0.65);border-color:rgba(123,45,255,0.25);box-shadow:0 20px 50px rgba(0,0,0,0.35);}.calc-header{text-align:center;margin-bottom:35px;}.calc-badge{display:inline-block;background:rgba(255,159,26,0.15);color:var(--brand-accent);border:1px solid rgba(255,159,26,0.3);font-size:0.75rem;font-weight:800;letter-spacing:1.2px;padding:6px 14px;border-radius:99px;margin-bottom:12px;}body.dark-mode .calc-badge{background:rgba(253,184,19,0.15);border-color:rgba(253,184,19,0.35);color:#FDB813;}.calc-header h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;color:var(--text-light);margin-bottom:10px;}.calc-header p{font-size:1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.5;}.calc-input-block{background:rgba(42,10,87,0.03);border:1px solid rgba(42,10,87,0.08);border-radius:18px;padding:22px 26px;margin-bottom:30px;}body.dark-mode .calc-input-block{background:rgba(26,9,64,0.5);border-color:rgba(123,45,255,0.18);}.calc-label{display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;color:var(--text-light);margin-bottom:16px;}.selected-time-display{color:var(--brand-main);background:rgba(42,10,87,0.08);padding:4px 14px;border-radius:99px;font-size:0.95rem;}body.dark-mode .selected-time-display{color:var(--brand-highlight);background:rgba(123,45,255,0.2);}.time-pills-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;}.time-pill-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--card-bg);border:1.5px solid var(--border-color);padding:12px 10px;border-radius:14px;font-size:0.92rem;font-weight:700;color:var(--text-light);cursor:pointer;transition:all 0.25s cubic-bezier(0.16,1,0.3,1);min-height:48px;}.time-pill-btn:hover{border-color:var(--brand-main);transform:translateY(-2px);}.time-pill-btn.active{background:var(--brand-main);color:#fff;border-color:var(--brand-main);box-shadow:0 6px 20px rgba(42,10,87,0.25);}body.dark-mode .time-pill-btn.active{background:var(--brand-highlight);color:#1A0940;border-color:var(--brand-highlight);box-shadow:0 6px 20px rgba(123,45,255,0.35);}.recom-tag{font-size:0.65rem;background:#FDB813;color:#000;padding:2px 6px;border-radius:99px;font-weight:800;letter-spacing:0.3px;line-height:1;}.calc-range-slider{width:100%;height:8px;border-radius:8px;background:rgba(42,10,87,0.1);outline:none;-webkit-appearance:none;cursor:pointer;}body.dark-mode .calc-range-slider{background:rgba(123,45,255,0.2);}.calc-range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--brand-accent);border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,0.25);cursor:pointer;transition:transform 0.15s ease;}.calc-range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);}.calc-results-deck{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:30px;}.calc-metric-card{background:rgba(42,10,87,0.03);border:1px solid rgba(42,10,87,0.08);border-radius:18px;padding:20px 16px;text-align:center;transition:transform 0.25s ease;}body.dark-mode .calc-metric-card{background:rgba(26,9,64,0.5);border-color:rgba(123,45,255,0.15);}.calc-metric-card.highlight-metric{background:linear-gradient(135deg,rgba(255,159,26,0.1) 0%,rgba(253,184,19,0.15) 100%);border:1.5px solid rgba(255,159,26,0.35);box-shadow:0 8px 25px rgba(255,159,26,0.1);}body.dark-mode .calc-metric-card.highlight-metric{background:linear-gradient(135deg,rgba(253,184,19,0.15) 0%,rgba(210,166,74,0.2) 100%);border-color:rgba(253,184,19,0.4);}.cm-icon{font-size:1.6rem;display:block;margin-bottom:6px;}.cm-val{font-size:1.5rem;font-weight:800;color:var(--text-light);margin-bottom:4px;}.highlight-metric .cm-val{color:var(--brand-accent);}body.dark-mode .highlight-metric .cm-val{color:#FDB813;}.cm-label{font-size:0.8rem;color:var(--text-muted);font-weight:600;line-height:1.35;}.calc-timeline-card{background:rgba(42,10,87,0.02);border:1px solid rgba(42,10,87,0.06);border-radius:20px;padding:24px 26px;margin-bottom:25px;}body.dark-mode .calc-timeline-card{background:rgba(26,9,64,0.35);border-color:rgba(123,45,255,0.15);}.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:8px;}.th-title{font-weight:700;font-size:0.95rem;color:var(--text-light);}.th-percent{font-size:0.85rem;font-weight:800;color:#059669;background:rgba(16,185,129,0.12);padding:4px 12px;border-radius:99px;border:1px solid rgba(16,185,129,0.25);}body.dark-mode .th-percent{color:#34d399;background:rgba(16,185,129,0.2);}.timeline-bar-bg{width:100%;height:12px;border-radius:99px;background:rgba(42,10,87,0.08);overflow:hidden;margin-bottom:18px;}body.dark-mode .timeline-bar-bg{background:rgba(123,45,255,0.15);}.timeline-bar-fill{height:100%;background:linear-gradient(90deg,#10b981 0%,#FDB813 60%,#FF9F1A 100%);border-radius:99px;transition:width 0.6s cubic-bezier(0.16,1,0.3,1);box-shadow:0 0 12px rgba(253,184,19,0.5);}.timeline-milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center;}.tm-node{position:relative;}.tm-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:rgba(42,10,87,0.2);margin-bottom:6px;}.tm-node.done .tm-dot{background:#10b981;}.tm-node.target .tm-dot{background:#FDB813;}.tm-node.goal .tm-dot{background:#FF9F1A;}.tm-day{display:block;font-size:0.82rem;font-weight:800;color:var(--text-light);margin-bottom:2px;}.tm-desc{display:block;font-size:0.72rem;color:var(--text-muted);line-height:1.25;}.calc-cta-footer{text-align:center;padding-top:15px;}.calc-motivation{font-size:0.95rem;color:var(--text-muted);line-height:1.5;margin-bottom:20px;max-width:650px;margin-left:auto;margin-right:auto;}.coupon-toast{position:fixed;bottom:28px;right:28px;background:#ffffff;border:1px solid rgba(210,166,74,0.4);border-radius:18px;box-shadow:0 16px 40px rgba(0,0,0,0.16),0 0 0 1px rgba(255,159,26,0.15);padding:16px 20px;display:flex;align-items:center;gap:14px;z-index:10000;transform:translateY(120px) scale(0.92);opacity:0;visibility:hidden;pointer-events:none;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);max-width:380px;}body.dark-mode .coupon-toast{background:#1f0b4a;border-color:rgba(253,184,19,0.4);box-shadow:0 20px 50px rgba(0,0,0,0.5),0 0 0 1px rgba(253,184,19,0.25);}.coupon-toast.show{transform:translateY(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;}.toast-icon{font-size:2rem;flex-shrink:0;animation:bounce 1.2s infinite ease-in-out;}.toast-body{flex:1;}.toast-title{font-size:0.95rem;font-weight:800;color:var(--text-light);margin-bottom:3px;display:flex;align-items:center;gap:6px;}.toast-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.35;}.toast-close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;transition:all 0.2s ease;}.toast-close:hover{background:rgba(0,0,0,0.06);color:var(--text-light);}body.dark-mode .toast-close:hover{background:rgba(255,255,255,0.1);}.dcb-code.copied{background:#10b981 !important;color:#fff !important;border-color:#10b981 !important;animation:pulse 1s ease-in-out;}@media (max-width:900px){.transform-cards-grid{grid-template-columns:1fr;gap:20px;}.calc-results-deck{grid-template-columns:1fr;}.time-pills-row{grid-template-columns:repeat(2,1fr);}.timeline-milestones{grid-template-columns:repeat(2,1fr);row-gap:16px;}}@media (max-width:600px){.transformation-section,.vocab-calc-section{padding:55px 0;}.transform-toggle-wrap{width:100%;padding:0 10px;box-sizing:border-box;}.transform-toggle-pill{display:flex;width:100%;max-width:100%;border-radius:14px;padding:4px;gap:4px;box-sizing:border-box;}.transform-tab-btn{flex:1 1 0;width:50%;justify-content:center;padding:9px 4px;font-size:0.76rem;white-space:nowrap;text-align:center;border-radius:10px;line-height:1.2;overflow:hidden;}.tab-badge-glow{display:none;}.calc-container{padding:24px 16px;border-radius:20px;}.calc-input-block{padding:18px 14px;}.time-pills-row{gap:8px;}.time-pill-btn{padding:10px 6px;font-size:0.84rem;}.transform-card{padding:24px 16px;border-radius:18px;}.tc-points-list li{gap:10px;}.tc-points-list li strong{font-size:0.88rem;}.tc-points-list li p{font-size:0.82rem;}.transform-action-banner{padding:18px 14px;text-align:center;justify-content:center;gap:14px;}.coupon-toast{bottom:85px;right:12px;left:12px;max-width:calc(100% - 24px);box-sizing:border-box;padding:14px 16px;}}
.privacy-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.65);backdrop-filter:blur(6px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s ease;padding:16px;box-sizing:border-box;}.privacy-modal-overlay.active{opacity:1;pointer-events:auto;}.privacy-modal-container{background:var(--bg-light,#ffffff);border-radius:20px;max-width:620px;width:100%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,0.35);border:1px solid var(--border,rgba(0,0,0,0.1));transform:scale(0.95) translateY(12px);opacity:0;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1),opacity 0.3s ease;overflow:hidden;}body.dark-mode .privacy-modal-container{background:#1a0940;border-color:rgba(123,45,255,0.3);color:#f1f5f9;}.privacy-modal-overlay.active .privacy-modal-container{transform:scale(1) translateY(0);opacity:1;}.privacy-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border,rgba(0,0,0,0.08));}.privacy-modal-header h3{margin:0;font-size:1.15rem;font-weight:800;color:var(--brand-main);}body.dark-mode .privacy-modal-header h3{color:#fff;}.privacy-modal-close{background:transparent;border:none;font-size:1.6rem;color:var(--text-muted);cursor:pointer;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background 0.2s ease,color 0.2s ease;}.privacy-modal-close:hover{background:rgba(0,0,0,0.06);color:var(--text-light);}body.dark-mode .privacy-modal-close:hover{background:rgba(255,255,255,0.1);}.privacy-modal-body{padding:24px;overflow-y:auto;font-size:0.92rem;line-height:1.65;color:var(--text-light,#333);}.privacy-modal-body h4{margin:18px 0 8px;font-size:0.98rem;color:var(--brand-main);}body.dark-mode .privacy-modal-body h4{color:var(--brand-highlight,#a78bfa);}.privacy-modal-body p{margin-bottom:12px;}.privacy-modal-body ul{margin:0 0 16px 20px;padding:0;}.privacy-modal-body li{margin-bottom:6px;}.privacy-modal-footer{padding:16px 24px;border-top:1px solid var(--border,rgba(0,0,0,0.08));display:flex;justify-content:flex-end;background:rgba(0,0,0,0.02);}.privacy-consent-box{margin:12px 0 16px;text-align:left;}.privacy-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-size:0.82rem;color:var(--text-muted);cursor:pointer;line-height:1.45;}.privacy-checkbox-label input[type="checkbox"]{margin-top:3px;flex-shrink:0;width:16px;height:16px;accent-color:var(--brand-main);cursor:pointer;}.privacy-checkbox-label a{color:var(--brand-highlight);text-decoration:underline;font-weight:600;}