@import"https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;800&family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-50: #f0fdf4;--primary-100: #dcfce7;--primary-200: #bbf7d0;--primary-300: #86efac;--primary-400: #4ade80;--primary-500: #059E52;--primary-600: #048c48;--primary-700: #047a3e;--primary-800: #065f30;--primary-900: #064e27;--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-200: #fed7aa;--accent-300: #fdba74;--accent-400: #fb923c;--accent-500: #FF8514;--accent-600: #ea580c;--accent-700: #c2410c;--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e4e4e7;--neutral-300: #d4d4d8;--neutral-400: #a1a1aa;--neutral-500: #71717a;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-800: #27272a;--neutral-900: #18181b;--primary-color: #059E52;--primary-2-color: #CDECDC;--primary-3-color: #F0FDF4;--accent-color: #FF8514;--neutral-1-color: #3A3F4D;--neutral-2-color: #71717a;--neutral-3-color: #a1a1aa;--neutral-4-color: #f4f4f5;--neutral-5-color: #ffffff;--semantic-red: #ef4444;--semantic-green: #22c55e;--font-main: "M PLUS Rounded 1c", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-primary: 0 10px 40px -10px rgba(5, 158, 82, .3);--shadow-primary-lg: 0 20px 60px -15px rgba(5, 158, 82, .4);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--section-padding-y: 6rem;--section-padding-x: 1.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-main);font-size:var(--font-size-base);line-height:1.7;color:var(--neutral-800);background-color:var(--neutral-5-color);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--neutral-900);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}p{color:var(--neutral-600);line-height:1.8}a{text-decoration:none;color:inherit;transition:var(--transition-base)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background-color:var(--primary-200);color:var(--primary-800)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--section-padding-x)}section{padding:var(--section-padding-y) var(--section-padding-x)}.text-center{text-align:center}.text-primary{color:var(--primary-500)}.text-accent{color:var(--accent-500)}.text-gradient{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-400) 50%,var(--accent-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-title{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:var(--spacing-4);text-align:center}.section-subtitle{font-size:var(--font-size-lg);color:var(--neutral-500);max-width:600px;margin:0 auto var(--spacing-12);text-align:center}.section-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--primary-100);color:var(--primary-700);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}@media(max-width:768px){:root{--section-padding-y: 4rem;--section-padding-x: 1rem}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);font-weight:600;border-radius:var(--radius-full);transition:var(--transition-base);cursor:pointer;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active{transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--primary-500);border:2px solid var(--primary-500)}.btn-outline:hover{background:var(--primary-500);color:#fff;transform:translateY(-3px)}.btn-lg{padding:var(--spacing-5) var(--spacing-10);font-size:var(--font-size-lg)}.feature-card{background:#fff;padding:var(--spacing-8);border-radius:var(--radius-2xl);text-align:center;border:1px solid var(--neutral-200);transition:var(--transition-bounce);position:relative;overflow:hidden;height:100%}.feature-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.feature-emoji{font-size:64px;margin-bottom:var(--spacing-6);display:block;line-height:1;transition:transform .4s ease}.feature-card:hover .feature-emoji{transform:scale(1.2) rotate(10deg)}.feature-card h3{margin-bottom:var(--spacing-3);font-size:var(--font-size-xl)}.feature-card p{font-size:var(--font-size-sm);line-height:1.7;color:var(--neutral-600)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-6)}.badge-card{background:#fff;padding:var(--spacing-6);border-radius:var(--radius-2xl);text-align:center;border:1px solid var(--neutral-200);transition:var(--transition-bounce);position:relative;overflow:hidden}.badge-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #059e5226;border-color:var(--primary-300)}.badge-card img{width:80px;height:80px;margin:0 auto var(--spacing-4);object-fit:contain}.badge-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.badge-card p{font-size:var(--font-size-sm);color:var(--neutral-500)}.personalization-showcase{display:grid;grid-template-columns:1fr;gap:var(--spacing-16)}.showcase-title{text-align:center;margin-bottom:var(--spacing-8);font-size:var(--font-size-2xl);color:var(--neutral-800)}.avatar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-6);max-width:900px;margin:0 auto}.avatar-item{width:100px;height:100px;cursor:pointer;transition:transform .3s ease}.avatar-item img{width:100%;height:100%;border-radius:var(--radius-full);border:4px solid var(--primary-200);object-fit:cover;transition:all .3s ease;background:#fff}.avatar-item:hover img{border-color:var(--primary-500);transform:scale(1.15) rotate(5deg);box-shadow:0 10px 30px #059e5240;z-index:2}.frame-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-8);max-width:900px;margin:0 auto}.frame-item{width:140px;height:140px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.frame-item img{width:100%;height:100%;object-fit:contain;transition:all .4s ease;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.frame-item:hover img{transform:scale(1.15) translateY(-5px);filter:drop-shadow(0 10px 15px rgba(5,158,82,.2))}.jilid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-6);justify-content:center}.jilid-item{background:#fff;padding:var(--spacing-5);border-radius:var(--radius-2xl);text-align:center;border:2px solid var(--neutral-200);transition:var(--transition-bounce);cursor:pointer;height:100%}.jilid-item:hover{transform:translateY(-10px) scale(1.05);border-color:var(--primary-500);box-shadow:var(--shadow-xl)}.jilid-item img{width:100%;max-width:120px;aspect-ratio:1;object-fit:contain;margin-bottom:var(--spacing-4)}.jilid-item p{font-weight:700;color:var(--neutral-800);font-size:var(--font-size-base);margin:0}.onboarding-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-10);margin-top:var(--spacing-12)}.onboarding-step{text-align:center;position:relative;background:#fff;padding:var(--spacing-8) var(--spacing-6);border-radius:var(--radius-3xl);border:1px solid var(--neutral-100);transition:var(--transition-bounce)}.onboarding-step:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);border-color:var(--primary-200)}.onboarding-step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:48px;height:48px;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:#fff;font-size:var(--font-size-xl);font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-primary);z-index:10;border:4px solid white}.onboarding-image-wrapper{height:240px;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-6);margin-top:var(--spacing-4)}.onboarding-screen{max-height:100%;max-width:100%;width:auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(0,0,0,.1));transition:transform .4s ease}.onboarding-step:hover .onboarding-screen{transform:scale(1.05)}.onboarding-step h3{margin-bottom:var(--spacing-3);font-size:var(--font-size-xl)}.onboarding-step p{font-size:var(--font-size-sm);color:var(--neutral-600)}.mahfudzot-card{background:#fff;border-radius:var(--radius-3xl);padding:var(--spacing-12) var(--spacing-8);max-width:900px;margin:0 auto;text-align:center;box-shadow:var(--shadow-2xl);border:1px solid var(--primary-100);position:relative;overflow:hidden}.mahfudzot-card:after{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary-500),var(--accent-500),var(--primary-500))}.mahfudzot-content{position:relative;z-index:2;min-height:220px;display:flex;flex-direction:column;justify-content:center}.mahfudzot-arabic{font-family:Amiri,Traditional Arabic,serif;font-size:clamp(2rem,5vw,3rem);line-height:1.8;color:var(--neutral-800);margin-bottom:var(--spacing-4);direction:rtl}.mahfudzot-latin{font-size:var(--font-size-lg);color:var(--primary-600);font-weight:600;margin-bottom:var(--spacing-3);font-style:italic}.mahfudzot-translation{font-size:var(--font-size-base);color:var(--neutral-600);max-width:700px;margin:0 auto;line-height:1.6}.mahfudzot-indicator{display:flex;justify-content:center;gap:var(--spacing-3);margin-top:var(--spacing-6)}.indicator-dot{width:10px;height:10px;border-radius:50%;background:var(--neutral-200);transition:all .3s ease}.indicator-dot.active{background:var(--primary-500);width:30px;border-radius:var(--radius-full)}.leaderboard-list{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-4)}.leaderboard-item{background:#fff;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--spacing-4);border:1px solid var(--neutral-200);transition:var(--transition-base)}.leaderboard-item:hover{transform:translate(10px);border-color:var(--primary-300);box-shadow:var(--shadow-lg)}.lb-rank{font-size:var(--font-size-xl);font-weight:800;width:40px;text-align:center;color:var(--neutral-400)}.lb-rank.rank-1{color:gold;font-size:2rem}.lb-rank.rank-2{color:silver;font-size:1.8rem}.lb-rank.rank-3{color:#cd7f32;font-size:1.6rem}.lb-avatar{width:56px;height:56px;border-radius:50%;border:2px solid var(--neutral-100);object-fit:cover}.lb-info{flex:1}.lb-name{font-weight:700;color:var(--neutral-800);font-size:var(--font-size-lg);display:block}.lb-detail{font-size:var(--font-size-sm);color:var(--neutral-500)}.lb-score{text-align:right}.lb-points{font-weight:800;color:var(--primary-600);font-size:var(--font-size-xl);display:block}.lb-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-400);font-weight:600}.stats-grid{display:flex;justify-content:center;align-items:center;gap:var(--spacing-6);margin-top:var(--spacing-12);flex-wrap:wrap}.stat-item{text-align:center;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);box-shadow:var(--shadow-sm);min-width:180px;flex:1;transition:var(--transition-base)}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-600);line-height:1.2;margin-bottom:var(--spacing-1)}.stat-label{font-size:var(--font-size-xs);color:var(--neutral-500);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.store-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.store-btn{display:inline-flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);background:var(--neutral-900);color:#fff;border-radius:var(--radius-xl);transition:var(--transition-base);text-decoration:none;min-width:200px}.store-btn:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);background:#000}.store-btn.coming-soon{background:var(--neutral-100);color:var(--neutral-400);cursor:default;position:relative;box-shadow:none;border:1px solid var(--neutral-200)}.store-btn.coming-soon:hover{transform:none;box-shadow:none;background:var(--neutral-100)}.store-btn.coming-soon:after{content:"Coming Soon";position:absolute;top:-12px;right:-5px;background:var(--accent-500);color:#fff;font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);z-index:5}.store-btn-icon{width:32px;height:32px}.store-btn-text{text-align:left;line-height:1.2}.store-btn-text small{display:block;font-size:11px;opacity:.8;font-weight:500}.store-btn-text strong{font-size:18px;font-weight:700}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:#fff;border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);border:1px solid var(--neutral-200);overflow:hidden;transition:var(--transition-base)}.faq-item.active{border-color:var(--primary-500);box-shadow:var(--shadow-lg)}.faq-question{width:100%;padding:var(--spacing-5) var(--spacing-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-base);font-weight:600;color:var(--neutral-800);text-align:left;cursor:pointer;background:none;border:none;transition:background .3s ease}.faq-question:hover{background:var(--neutral-50)}.faq-icon{width:20px;height:20px;transition:transform .3s ease;flex-shrink:0;color:var(--primary-500)}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-answer{background:var(--neutral-50);border-top:1px solid var(--neutral-100)}.faq-answer p,.faq-answer ul{padding:var(--spacing-5) var(--spacing-6);font-size:var(--font-size-sm);line-height:1.8;color:var(--neutral-600);margin:0}.faq-answer ul{padding-top:0;padding-left:var(--spacing-10)}.faq-answer li{margin-bottom:var(--spacing-2)}@media(max-width:768px){.personalization-showcase{gap:var(--spacing-10)}.avatar-item{width:70px;height:70px}.frame-item{width:100px;height:100px}.mahfudzot-arabic{font-size:1.8rem}}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--spacing-4) var(--section-padding-x);background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-base);border-bottom:1px solid transparent}.header.scrolled{background:#fffffffa;border-bottom-color:var(--neutral-200);box-shadow:var(--shadow-sm)}.header-container{max-width:var(--container-xl);margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:var(--spacing-3)}.header-logo img{height:36px;width:auto}.header-logo-text{font-size:var(--font-size-xl);font-weight:800;color:var(--primary-500);letter-spacing:-.02em}.nav-links{display:flex;align-items:center;gap:var(--spacing-8)}.nav-link{font-size:var(--font-size-sm);font-weight:600;color:var(--neutral-700);position:relative;padding:var(--spacing-2) 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-500);transition:var(--transition-base)}.nav-link:hover{color:var(--primary-500)}.nav-link:hover:after{width:100%}.nav-cta{padding:var(--spacing-3) var(--spacing-6);background:var(--primary-500);color:#fff;font-weight:600;font-size:var(--font-size-sm);border-radius:var(--radius-full);transition:var(--transition-base)}.nav-cta:hover{background:var(--primary-600);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;width:44px;height:44px;padding:0;z-index:9999;background:#fff!important;border-radius:50%;box-shadow:0 4px 12px #0000001a;border:1px solid rgba(0,0,0,.05)}.mobile-menu-toggle:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:var(--neutral-800);border-radius:2px;transition:var(--transition-base)}.mobile-menu-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff!important;opacity:1!important;z-index:1101;padding:24px;transform:translate(100%);display:flex;flex-direction:column}.mobile-nav-header{display:flex;align-items:center;justify-content:flex-start;margin-bottom:40px;padding-top:10px}.mobile-nav.active{transform:translate(0)}.mobile-nav-links{display:flex;flex-direction:column;gap:var(--spacing-4)}.mobile-nav-link{display:block;opacity:1!important;font-size:var(--font-size-xl);font-weight:600;color:var(--neutral-800);padding:var(--spacing-4);border-bottom:1px solid var(--neutral-200);transition:var(--transition-base)}.mobile-nav-link:hover{color:var(--primary-500);padding-left:var(--spacing-6)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding-top:10%;padding-bottom:var(--spacing-12);background:linear-gradient(180deg,var(--primary-3-color) 0%,white 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(5,158,82,.08) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,133,20,.05) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:#fff;border:1px solid var(--primary-200);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--primary-600);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.hero-badge-icon{font-size:16px}.hero-title{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:var(--spacing-6);font-weight:800}.hero-title .highlight,.hero-rotating-word{color:var(--primary-500);position:relative;display:inline-block}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--neutral-600);max-width:650px;margin:0 auto var(--spacing-10);line-height:1.8}.hero-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-16)}.hero-mockup-container{position:relative;margin-top:var(--spacing-12);perspective:1200px}.hero-mockup{max-width:100%;width:900px;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),0 50px 100px #059e5233;transform:rotateX(5deg);transition:transform .5s ease}.hero-mockup:hover{transform:rotateX(0) scale(1.02)}.section-light{background:var(--neutral-50)}.section-primary-light{background:var(--primary-3-color)}.section-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff}.section-primary h2,.section-primary h3,.section-primary p{color:#fff}.section-primary p{opacity:.9}.footer{background:var(--neutral-50);padding:var(--spacing-16) var(--section-padding-x) var(--spacing-8);border-top:1px solid var(--neutral-200)}.footer-container{max-width:var(--container-xl);margin:0 auto}.footer-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-4);margin-bottom:var(--spacing-10)}.footer-logo{display:flex;align-items:center;gap:var(--spacing-3)}.footer-logo img{height:48px}.footer-logo-text{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary-500)}.footer-tagline{font-size:var(--font-size-base);color:var(--neutral-500);font-weight:500}.footer-links{display:flex;gap:var(--spacing-8);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-8)}.footer-link{font-size:var(--font-size-sm);font-weight:500;color:var(--neutral-600)}.footer-link:hover{color:var(--primary-500)}.footer-bottom{text-align:center;padding-top:var(--spacing-6);border-top:1px solid var(--neutral-200)}.footer-copyright{font-size:var(--font-size-sm);color:var(--neutral-500)}.cta-section{padding:var(--spacing-20) var(--section-padding-x);border-radius:var(--radius-3xl) var(--radius-3xl) 0 0;text-align:center;margin-top:var(--spacing-16)}.cta-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--spacing-4);color:#fff}.cta-subtitle{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--spacing-10);color:#fff}@media(max-width:1024px){.nav-links{display:none}.mobile-menu-toggle{display:flex!important}.mobile-nav{display:block!important}}@media(max-width:768px){.hero{min-height:auto;padding-top:100px;padding-bottom:var(--spacing-12)}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.hero-mockup-container{margin-top:var(--spacing-8)}.hero-mockup{border-radius:var(--radius-xl);transform:none}.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-links{gap:var(--spacing-4)}.cta-section{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;margin-top:var(--spacing-10);padding:var(--spacing-12) var(--spacing-4)}}@media(max-width:480px){.header-logo-text{font-size:var(--font-size-lg)}.header-logo img{height:28px}.store-buttons{flex-direction:column;align-items:center}.store-btn{width:100%;max-width:280px;justify-content:center}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-6)}}.bg-orbs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.6}.bg-orb-1{width:400px;height:400px;background:radial-gradient(circle,rgba(5,158,82,.25) 0%,transparent 70%);top:-100px;left:-100px}.bg-orb-2{width:350px;height:350px;background:radial-gradient(circle,rgba(255,133,20,.2) 0%,transparent 70%);top:50%;right:-150px}.bg-orb-3{width:300px;height:300px;background:radial-gradient(circle,rgba(5,158,82,.2) 0%,transparent 70%);bottom:10%;left:10%}.bg-orb-4{width:250px;height:250px;background:radial-gradient(circle,rgba(255,133,20,.15) 0%,transparent 70%);top:30%;left:50%}.hero-rotating-word{color:var(--primary-500);display:inline-block;min-width:280px;text-align:left}@media(max-width:768px){.hero-rotating-word{min-width:200px;display:block;text-align:center}}.stat-item{text-align:center;padding:var(--spacing-6);background:#fff;border-radius:var(--radius-xl);border:1px solid var(--neutral-200);transition:var(--transition-base)}.stat-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}[data-animate]{opacity:0;transition:opacity .6s ease,transform .6s ease}[data-animate].animated{opacity:1}[data-animate=fade-up]{transform:translateY(40px)}[data-animate=fade-up].animated{transform:translateY(0)}[data-animate=fade-down]{transform:translateY(-40px)}[data-animate=fade-down].animated{transform:translateY(0)}[data-animate=fade-left]{transform:translate(-40px)}[data-animate=fade-left].animated{transform:translate(0)}[data-animate=fade-right]{transform:translate(40px)}[data-animate=fade-right].animated{transform:translate(0)}[data-animate=scale-up]{transform:scale(.9)}[data-animate=scale-up].animated{transform:scale(1)}[data-animate=zoom-in]{transform:scale(.8)}[data-animate=zoom-in].animated{transform:scale(1)}[data-delay="100"]{transition-delay:.1s}[data-delay="200"]{transition-delay:.2s}[data-delay="300"]{transition-delay:.3s}[data-delay="400"]{transition-delay:.4s}[data-delay="500"]{transition-delay:.5s}[data-delay="600"]{transition-delay:.6s}[data-delay="700"]{transition-delay:.7s}[data-delay="800"]{transition-delay:.8s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:pulse 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bounce{animation:bounce 1.5s ease-in-out infinite}.btn-primary{position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:hover:before{width:300px;height:300px}.feature-card:hover,.badge-card:hover,.jilid-item:hover{--glow-color: rgba(5, 158, 82, .15);box-shadow:0 20px 40px var(--glow-color),0 0 0 1px var(--primary-200)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner{width:40px;height:40px;border:3px solid var(--neutral-200);border-top-color:var(--primary-500);border-radius:50%;animation:spin .8s linear infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.bg-orb{animation:glowPulse 8s ease-in-out infinite}.bg-orb-2{animation-delay:2s}.bg-orb-3{animation-delay:4s}.bg-orb-4{animation-delay:6s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate]{opacity:1;transform:none}.bg-orb,.marquee-track{animation:none!important}}.consent-banner{position:fixed;bottom:var(--spacing-8);right:var(--spacing-8);max-width:400px;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:0 20px 50px #0000001a;z-index:1000;display:none;flex-direction:column;gap:var(--spacing-4)}.consent-banner h3{margin:0;font-size:var(--font-size-lg);color:var(--neutral-800)}.consent-banner p{margin:0;font-size:var(--font-size-sm);color:var(--neutral-600);line-height:1.5}.consent-buttons{display:flex;gap:var(--spacing-3)}.consent-buttons .btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);flex:1}@media(max-width:576px){.consent-banner{bottom:var(--spacing-4);left:var(--spacing-4);right:var(--spacing-4);max-width:none}}