:root{--deep-dark:#0F0F0F;--dark-gray:#1A1A1A;--mid-gray:#252525;--soft-gray:#2F2F2F;--light-gray:#9E9E9E;--subtle-accent:#4CAF50;--soft-white:#F5F7FA;--success-green:#4CAF50;--error-red:#EF4444;--font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;--display-large:36px;--display-medium:28px;--title-large:22px;--title-medium:18px;--title-small:16px;--body-large:16px;--body-medium:14px;--body-small:12px;--label-large:15px;--lh-display-large:44px;--lh-display-medium:36px;--lh-title-large:28px;--lh-title-medium:24px;--lh-body-large:24px;--lh-body-medium:20px;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:64px;--space-3xl:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:250ms cubic-bezier(0.4, 0, 0.2, 1);--container-max:1200px;--container-padding:var(--space-md)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;scroll-padding-top:80px}body{font-family:var(--font-family);font-size:var(--body-large);line-height:var(--lh-body-large);color:var(--soft-white);background-color:var(--deep-dark);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em}h1{font-size:var(--display-large);line-height:var(--lh-display-large)}h2{font-size:var(--display-medium);line-height:var(--lh-display-medium)}h3{font-size:var(--title-large);line-height:var(--lh-title-large)}p{color:var(--light-gray)}a{color:inherit;text-decoration:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}section{padding:var(--space-3xl)0}.header{position:fixed;top:0;left:0;right:0;z-index:100;background-color:rgba(15,15,15,.8);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,5%);padding:var(--space-sm)0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:var(--title-large);font-weight:600;color:var(--soft-white)}.logo-img{width:32px;height:32px;border-radius:8px}.nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{font-size:var(--body-medium);color:var(--light-gray);transition:color var(--transition-fast);font-weight:500}.nav-link:hover{color:var(--soft-white)}.language-selector{display:flex;gap:var(--space-xs);margin-left:var(--space-sm)}.lang-btn{background:0 0;border:1px solid var(--soft-gray);color:var(--light-gray);padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--body-small);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;display:inline-block}.lang-btn:hover{border-color:var(--subtle-accent);color:var(--soft-white)}.lang-btn.active{background:var(--subtle-accent);border-color:var(--subtle-accent);color:var(--soft-white)}.hero{padding-top:calc(var(--space-3xl) + 60px);min-height:100vh;display:flex;align-items:center}.hero-content{display:flex;justify-content:center}.hero-text{max-width:700px;text-align:center}.hero-title{margin-bottom:var(--space-md);color:var(--soft-white)}.hero-subtitle{font-size:var(--title-medium);line-height:var(--lh-title-medium);color:var(--light-gray);margin-bottom:var(--space-lg)}.hero-badges{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);justify-content:center;flex-wrap:wrap}.badge{padding:6px 16px;background:var(--soft-gray);border-radius:var(--radius-lg);font-size:var(--body-small);font-weight:500;color:var(--soft-white)}.cta-primary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:16px 32px;background:var(--success-green);color:var(--deep-dark);border-radius:var(--radius-md);font-size:var(--label-large);font-weight:600;cursor:pointer;border:none;transition:all var(--transition-base);box-shadow:0 4px 16px rgba(76,175,80,.3)}.cta-primary:hover{background:#66bb6a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(76,175,80,.4)}.cta-primary.large{padding:20px 40px;font-size:var(--title-medium)}.cta-secondary{display:inline-flex;align-items:center;gap:var(--space-xs);padding:16px 32px;background:0 0;color:var(--soft-white);border:2px solid var(--subtle-accent);border-radius:var(--radius-md);font-size:var(--label-large);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.cta-secondary:hover{background:rgba(76,175,80,.1);border-color:#66bb6a}.playstore-icon{width:24px;height:24px;flex-shrink:0}.hero-footnote{margin-top:var(--space-sm);font-size:var(--body-small);color:var(--light-gray)}.section-title{text-align:center;margin-bottom:var(--space-md);color:var(--soft-white)}.section-subtitle{text-align:center;font-size:var(--title-medium);line-height:var(--lh-title-medium);color:var(--light-gray);max-width:700px;margin:0 auto var(--space-2xl)}.problem{background:linear-gradient(180deg,var(--deep-dark) 0%,var(--dark-gray) 100%)}.section-intro{text-align:center;max-width:800px;margin:0 auto}.features{background:var(--dark-gray)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.feature-card{background:var(--soft-gray);padding:var(--space-lg);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid transparent}.feature-card:hover{transform:translateY(-4px);border-color:rgba(76,175,80,.3);box-shadow:0 12px 32px rgba(0,0,0,.3)}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(76,175,80,.15);border-radius:var(--radius-md);color:var(--subtle-accent);margin-bottom:var(--space-md)}.feature-title{color:var(--soft-white);margin-bottom:var(--space-sm)}.feature-desc{font-size:var(--body-medium);line-height:var(--lh-body-medium);color:var(--light-gray)}.how-it-works{background:var(--deep-dark)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.step{text-align:center}.step-number{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--subtle-accent);color:var(--soft-white);border-radius:50%;font-size:var(--display-medium);font-weight:600;margin:0 auto var(--space-md)}.step-title{color:var(--soft-white);margin-bottom:var(--space-sm)}.step-desc{font-size:var(--body-medium);color:var(--light-gray);max-width:300px;margin:0 auto}.faq{background:var(--deep-dark)}.faq-list{max-width:900px;margin:0 auto}.faq-item{border-bottom:1px solid var(--soft-gray)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-md)0;background:0 0;border:none;color:var(--soft-white);font-size:var(--title-small);font-weight:600;cursor:pointer;text-align:left;transition:color var(--transition-fast)}.faq-question:hover{color:var(--success-green)}.faq-icon{transition:transform var(--transition-base);flex-shrink:0}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-base)}.faq-item.open .faq-answer{max-height:500px;padding-bottom:var(--space-md)}.faq-answer p{color:var(--light-gray)}.final-cta{text-align:center;background:linear-gradient(135deg,var(--dark-gray) 0%,var(--deep-dark) 100%)}.cta-title{margin-bottom:var(--space-md);color:var(--soft-white)}.cta-subtitle{font-size:var(--title-medium);color:var(--light-gray);margin-bottom:var(--space-xl)}.blog-listing{padding-top:calc(var(--space-3xl) + 60px);min-height:100vh}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-lg)}.blog-card{background:var(--soft-gray);padding:var(--space-lg);border-radius:var(--radius-lg);transition:all var(--transition-base);border:1px solid transparent;display:flex;flex-direction:column;text-decoration:none}.blog-card:hover{transform:translateY(-4px);border-color:rgba(76,175,80,.3);box-shadow:0 12px 32px rgba(0,0,0,.3)}.blog-card-tags{display:flex;gap:var(--space-xs);flex-wrap:wrap;margin-bottom:var(--space-sm)}.blog-tag{padding:2px 10px;background:rgba(76,175,80,.15);color:var(--subtle-accent);border-radius:var(--radius-sm);font-size:var(--body-small);font-weight:500}.blog-card-title{color:var(--soft-white);font-size:var(--title-medium);line-height:var(--lh-title-medium);margin-bottom:var(--space-sm)}.blog-card-desc{font-size:var(--body-medium);color:var(--light-gray);line-height:var(--lh-body-medium);flex:1}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,5%)}.blog-card-meta time{font-size:var(--body-small);color:var(--light-gray)}.blog-card-link{font-size:var(--body-medium);color:var(--subtle-accent);font-weight:500;margin-top:var(--space-sm)}.blog-preview{background:var(--dark-gray)}.blog-article{padding-top:calc(var(--space-3xl) + 60px);padding-bottom:var(--space-3xl)}.breadcrumb{margin-bottom:var(--space-lg);font-size:var(--body-medium);color:var(--light-gray)}.breadcrumb a{color:var(--subtle-accent);transition:color var(--transition-fast)}.breadcrumb a:hover{color:#66bb6a}.breadcrumb-sep{margin:0 var(--space-xs);color:var(--soft-gray)}.breadcrumb-current{color:var(--light-gray)}.article-header{margin-bottom:var(--space-xl);max-width:800px}.article-title{font-size:var(--display-large);line-height:var(--lh-display-large);margin-bottom:var(--space-sm);color:var(--soft-white)}.article-meta{display:flex;gap:var(--space-md);color:var(--light-gray);font-size:var(--body-medium)}.reading-time{color:var(--subtle-accent)}.article-content{max-width:800px;line-height:1.8}.article-content h2{font-size:var(--title-large);margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--soft-white)}.article-content h3{font-size:var(--title-medium);margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--soft-white)}.article-content p{margin-bottom:var(--space-md);color:var(--light-gray);font-size:var(--body-large);line-height:1.8}.article-content ul,.article-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg);color:var(--light-gray)}.article-content li{margin-bottom:var(--space-xs);line-height:1.7}.article-content strong{color:var(--soft-white);font-weight:600}.article-content a{color:var(--subtle-accent);text-decoration:underline;text-underline-offset:3px}.article-content a:hover{color:#66bb6a}.article-content blockquote{border-left:3px solid var(--subtle-accent);padding-left:var(--space-md);margin:var(--space-lg)0;font-style:italic}.article-content blockquote p{color:var(--soft-white)}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-lg)0}.article-content th,.article-content td{padding:var(--space-sm);border:1px solid var(--soft-gray);text-align:left;color:var(--light-gray)}.article-content th{background:var(--soft-gray);color:var(--soft-white);font-weight:600}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-lg)0}.cta-banner{background:linear-gradient(135deg,var(--soft-gray) 0%,var(--mid-gray) 100%);border:1px solid rgba(76,175,80,.3);border-radius:var(--radius-lg);padding:var(--space-xl);margin:var(--space-xl)0;text-align:center}.cta-banner h3{color:var(--soft-white);margin-bottom:var(--space-sm)}.cta-banner p{color:var(--light-gray);margin-bottom:var(--space-md)}.related-articles{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--soft-gray)}.related-articles h3{color:var(--soft-white);margin-bottom:var(--space-lg);font-size:var(--title-large)}.page-content{padding-top:calc(var(--space-3xl) + 60px);padding-bottom:var(--space-3xl);min-height:100vh}.page-body{max-width:800px;margin:0 auto;line-height:1.8}.page-body h2{font-size:var(--title-large);margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--soft-white)}.page-body p{margin-bottom:var(--space-md);color:var(--light-gray)}.page-body a{color:var(--subtle-accent)}.contact-form{max-width:600px;margin:var(--space-xl)auto 0}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-size:var(--body-medium);font-weight:500;color:var(--soft-white);margin-bottom:var(--space-xs)}.form-group input,.form-group textarea{width:100%;padding:var(--space-sm);background:var(--soft-gray);border:1px solid var(--mid-gray);border-radius:var(--radius-sm);color:var(--soft-white);font-family:var(--font-family);font-size:var(--body-large);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--subtle-accent)}.form-group textarea{min-height:150px;resize:vertical}.pdf-embed{width:100%;height:80vh;border:none;border-radius:var(--radius-md);margin-top:var(--space-lg)}.footer{background:var(--deep-dark);padding:var(--space-2xl)0 var(--space-lg);border-top:1px solid var(--soft-gray)}.footer-content{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand{max-width:300px}.footer-tagline{margin-top:var(--space-md);font-size:var(--body-medium);color:var(--light-gray)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.footer-column{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-title{font-size:var(--title-small);color:var(--soft-white);margin-bottom:var(--space-xs)}.footer-link{font-size:var(--body-medium);color:var(--light-gray);transition:color var(--transition-fast)}.footer-link:hover{color:var(--success-green)}.footer-bottom{padding-top:var(--space-lg);border-top:1px solid var(--soft-gray);text-align:center}.footer-copyright{font-size:var(--body-small);color:var(--light-gray)}@media(max-width:1024px){:root{--display-large:32px;--display-medium:24px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){:root{--display-large:28px;--lh-display-large:36px;--display-medium:22px;--space-3xl:64px}.nav-link{display:none}.language-selector{margin-left:0}.hero{padding-top:calc(var(--space-2xl) + 60px);min-height:auto}.features-grid{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr}.cta-primary.large{width:100%;justify-content:center}.article-title{font-size:var(--display-medium);line-height:var(--lh-display-medium)}}.toc{background:var(--dark-gray);border:1px solid var(--soft-gray);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.toc summary{cursor:pointer;color:var(--white)}.toc ul{padding-left:var(--space-md);margin-top:var(--space-sm)}.toc li{margin-bottom:var(--space-xs)}.toc a{color:var(--subtle-accent);text-decoration:none}.toc a:hover{text-decoration:underline}@keyframes fadeInUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--success-green);outline-offset:4px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}