.language-switcher{position:relative;display:inline-block}.language-button{display:flex;align-items:center;gap:var(--spacing-2);background:var(--dark-surface);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);font-size:var(--font-size-sm);font-weight:500}.language-button:hover{background:var(--border-color);color:var(--text-primary);border-color:var(--primary-green)}.language-text{display:flex;align-items:center;gap:var(--spacing-1)}.chevron{transition:transform var(--transition-normal)}.chevron.open{transform:rotate(180deg)}.language-dropdown{position:absolute;top:100%;right:0;background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;min-width:160px;margin-top:var(--spacing-2);overflow:hidden}.language-option{display:flex;align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3) var(--spacing-4);background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-size:var(--font-size-sm)}.language-option:hover{background:var(--dark-bg);color:var(--text-primary)}.language-option.active{background:rgba(32,178,170,.1);color:var(--primary-green)}.language-flag{font-size:var(--font-size-base)}.language-name{flex:1;font-weight:500}.checkmark{color:var(--primary-green);font-weight:600;font-size:var(--font-size-sm)}@media (max-width: 768px){.language-button{padding:var(--spacing-2)}.language-text{display:none}.language-dropdown{right:-10px;min-width:140px}.language-option{padding:var(--spacing-2) var(--spacing-3)}}.header{position:fixed;top:0;left:0;right:0;background:rgba(15,15,15,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:1000;transition:all var(--transition-normal)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) 0;height:70px}.logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--font-size-xl);transition:all var(--transition-normal)}.logo:hover{color:var(--primary-green);transform:scale(1.05)}.nav-desktop{display:flex;align-items:center;gap:var(--spacing-8)}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;font-size:var(--font-size-base);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary);background:var(--dark-surface)}.nav-link.active{color:var(--primary-green);background:rgba(32,178,170,.1)}.nav-link.active:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--primary-green);border-radius:var(--radius-full)}.header-language{display:flex;align-items:center;margin-right:var(--spacing-4)}.header-cta{display:flex;align-items:center}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu-btn:hover{background:var(--dark-surface)}.nav-mobile{display:none;flex-direction:column;gap:var(--spacing-4);padding:var(--spacing-6) 0;border-top:1px solid var(--border-color);margin-top:var(--spacing-4)}.nav-mobile .nav-link{padding:var(--spacing-3) 0;font-size:var(--font-size-lg);border-bottom:1px solid var(--border-color)}.mobile-language{margin:var(--spacing-4) 0;display:flex;justify-content:center}.mobile-download-btn{margin-top:var(--spacing-4);justify-content:center;width:100%;max-width:280px}@media (max-width: 768px){.nav-desktop{display:none}.mobile-menu-btn{display:block}.nav-mobile{display:flex}.header-language,.logo-text{display:none}.logo-icon{width:36px;height:36px}}@media (max-width: 480px){.header-content{padding:var(--spacing-3) 0;height:60px}.logo-icon{width:32px;height:32px}.bunny-icon{font-size:var(--font-size-lg)}}.footer{background:var(--dark-surface);border-top:1px solid var(--border-color);margin-top:var(--spacing-20)}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-12);padding:var(--spacing-16) 0 var(--spacing-12)}.footer-brand{max-width:400px}.footer-logo{display:flex;align-items:center;gap:var(--spacing-3);text-decoration:none;color:var(--text-primary);font-weight:700;font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);transition:all var(--transition-normal)}.footer-logo:hover{color:var(--primary-green);transform:scale(1.05)}.logo-icon{width:40px;height:40px;background:transparent;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);padding:var(--spacing-1)}.logo-svg{width:100%;height:100%;object-fit:contain}.bunny-icon{font-size:var(--font-size-xl);animation:float 3s ease-in-out infinite}.logo-text{font-weight:800}.footer-description{color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6;display:flex;flex-direction:column}.footer-subtitle-line1,.footer-subtitle-line2{display:block}.footer-social{display:flex;gap:var(--spacing-4)}.social-link{width:40px;height:40px;background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all var(--transition-normal)}.social-link:hover{background:var(--primary-green);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow)}.social-link img{filter:brightness(0) invert(1);transition:filter var(--transition-normal)}.social-link:hover img{filter:none}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-8)}.footer-column h4{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-4)}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:var(--spacing-2)}.footer-column a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--primary-green)}.footer-bottom{border-top:1px solid var(--border-color);padding:var(--spacing-8) 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.copyright{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.icp-record{color:var(--text-muted);font-size:var(--font-size-xs);margin:var(--spacing-2) 0 0 0}.icp-record a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-normal)}.icp-record a:hover{color:var(--primary-green)}.footer-bottom-links{display:flex;align-items:center;gap:var(--spacing-3);font-size:var(--font-size-sm)}.footer-bottom-links a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-bottom-links a:hover{color:var(--primary-green)}.footer-bottom-links span{color:var(--text-muted)}.footer-love{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--text-muted);font-size:var(--font-size-sm)}.heart-icon{color:#ff6b6b;animation:pulse 2s ease-in-out infinite}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:var(--spacing-8);padding:var(--spacing-12) 0 var(--spacing-8)}.footer-links{grid-template-columns:1fr;gap:var(--spacing-6)}.footer-bottom-content{flex-direction:column;gap:var(--spacing-4);text-align:center}.footer-bottom-links{justify-content:center}}@media (max-width: 480px){.footer-content{padding:var(--spacing-8) 0 var(--spacing-6)}.footer-social{justify-content:center}.footer-love{font-size:var(--font-size-xs)}}.wechat-qr-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.wechat-qr-content{background:white;border-radius:var(--radius-lg);padding:var(--spacing-6);max-width:400px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .3s ease-out}.wechat-qr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.wechat-qr-header h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.wechat-qr-close{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-normal)}.wechat-qr-close:hover{background:var(--bg-light);color:var(--text-primary)}.wechat-qr-body{text-align:center}.wechat-qr-image{max-width:200px;width:100%;height:auto;border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.wechat-qr-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.wechat-qr-content{padding:var(--spacing-4);max-width:320px}.wechat-qr-image{max-width:150px}}.download-section{background:var(--dark-surface);padding:var(--spacing-20) 0;position:relative;overflow:hidden}.download-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-green),transparent)}.download-section .section-header{text-align:center;margin-bottom:var(--spacing-16)}.download-section .section-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,var(--text-primary),var(--primary-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.download-section .section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.platform-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-8);max-width:1200px;margin:0 auto}.platform-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);position:relative;transition:all var(--transition-normal);overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-green),var(--accent-green));transform:scaleX(0);transition:transform var(--transition-normal)}.platform-card:hover{border-color:var(--primary-green);box-shadow:0 8px 40px #0f896026;transform:translateY(-8px)}.platform-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:var(--primary-green);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;gap:var(--spacing-1);z-index:1}.platform-icon-wrapper{width:64px;height:64px;background:var(--primary-green)!important;border-radius:var(--radius-lg);display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:var(--spacing-6);transition:none!important;box-shadow:none!important;border:none!important;transform:none!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;aspect-ratio:1 / 1!important}.platform-icon{color:#fff;width:32px!important;height:32px!important;transition:none!important;background:transparent!important;filter:none!important;background-color:transparent!important;box-shadow:none!important;border:none!important;transform:none!important;display:block!important;margin:0!important;padding:0!important}.platform-card:hover .platform-icon-wrapper{transform:none!important;transition:none!important}.platform-card:hover .platform-icon{transform:none!important;transition:none!important;background:transparent!important;background-color:transparent!important}.platform-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3)}.platform-description{font-size:var(--font-size-base);color:var(--text-secondary);margin-bottom:var(--spacing-6);line-height:1.6}.platform-features{list-style:none;padding:0;margin:0 0 var(--spacing-8) 0}.platform-feature{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.platform-feature:last-child{margin-bottom:0}.platform-feature svg{color:var(--primary-green);flex-shrink:0}.platform-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4) var(--spacing-6);background:var(--primary-green);color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);transition:all var(--transition-normal);border:2px solid transparent}.platform-button:hover{background:var(--primary-green-dark);transform:translateY(-2px);box-shadow:0 4px 20px #0f89604d}.platform-button:active{transform:translateY(0)}.platform-card-disabled{opacity:.7;cursor:not-allowed}.platform-card-disabled:hover{transform:none;border-color:var(--border-color);box-shadow:none}.platform-card-disabled:before{display:none}.platform-button-disabled{background:var(--text-muted);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.platform-button-disabled:hover{background:var(--text-muted);transform:none;box-shadow:none}.wechat-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1000;margin-top:var(--spacing-2);animation:tooltipFadeIn .3s ease-out}.tooltip-content{background:var(--dark-bg);border:1px solid var(--primary-green);border-radius:var(--radius-lg);padding:var(--spacing-4);box-shadow:0 8px 32px #0006;min-width:280px;position:relative}.tooltip-content:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--primary-green)}.tooltip-content:after{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--dark-bg)}.tooltip-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.tooltip-header h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.tooltip-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:all var(--transition-normal)}.tooltip-close:hover{background:var(--dark-surface);color:var(--text-primary)}.tooltip-qr{text-align:center}.tooltip-qr-image{width:120px;height:120px;border-radius:var(--radius-md);margin-bottom:var(--spacing-2);border:2px solid var(--border-color)}.tooltip-qr-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.download-section{padding:var(--spacing-16) 0}.download-section .section-title{font-size:var(--font-size-3xl)}.platform-grid{grid-template-columns:1fr;gap:var(--spacing-6)}.platform-card{padding:var(--spacing-6)}.platform-icon-wrapper{width:56px;height:56px;margin-bottom:var(--spacing-4);background:var(--primary-green)!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;aspect-ratio:1 / 1!important;display:flex!important;align-items:center!important;justify-content:center!important}.platform-icon{width:28px!important;height:28px!important}.platform-title{font-size:var(--font-size-lg)}.platform-description{font-size:var(--font-size-sm)}}@media (max-width: 480px){.download-section{padding:var(--spacing-12) 0}.download-section .section-title{font-size:var(--font-size-2xl)}.download-section .section-subtitle{font-size:var(--font-size-base)}.platform-card{padding:var(--spacing-5)}.platform-icon-wrapper{width:48px;height:48px;aspect-ratio:1 / 1!important;display:flex!important;align-items:center!important;justify-content:center!important}.platform-icon{width:24px!important;height:24px!important}.platform-button{padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-sm)}.tooltip-content{min-width:250px;padding:var(--spacing-3)}.tooltip-qr-image{width:100px;height:100px}}.exercise-preview{background:var(--dark-surface);padding:var(--spacing-20) 0;position:relative;overflow:hidden}.exercise-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-green),transparent)}.exercise-preview .section-header{text-align:center;margin-bottom:var(--spacing-16)}.exercise-preview .section-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,var(--text-primary),var(--primary-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.exercise-preview .section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.exercise-preview-content{max-width:1200px;margin:0 auto}.exercise-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.exercise-preview-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-5);transition:all var(--transition-normal);overflow:hidden;height:100%;display:flex;flex-direction:column}.exercise-preview-card:hover{border-color:var(--primary-green);box-shadow:0 8px 40px #0f896026;transform:translateY(-8px)}.exercise-preview-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.exercise-preview-info{flex:1}.exercise-preview-name{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3);line-height:1.3}.exercise-preview-meta{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.difficulty{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.duration,.reps{display:flex;align-items:center;gap:var(--spacing-1);font-size:var(--font-size-sm);color:var(--text-secondary)}.exercise-preview-actions{margin-left:var(--spacing-4)}.play-btn{width:40px;height:40px;background:var(--primary-green);border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.play-btn svg{color:#fff;margin-left:2px}.exercise-preview-description{font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-5)}.exercise-preview-muscles{margin-bottom:var(--spacing-4)}.muscle-tag{padding:var(--spacing-1) var(--spacing-2);background:var(--primary-green-dark);color:#fff;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500}.muscle-tag.more{background:var(--text-muted);color:var(--text-secondary)}.exercise-preview-cta{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-4);border-top:1px solid var(--border-color);margin-top:auto}.exercise-preview-cta-main{text-align:center}.exercise-preview-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);background:var(--primary-green);color:#fff;border:none;border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--font-size-lg);transition:all var(--transition-normal)}.exercise-preview-btn:hover{background:var(--primary-green-dark);transform:translateY(-2px);box-shadow:0 4px 20px #0f89604d}.exercise-preview-btn:active{transform:translateY(0)}@media (max-width: 768px){.exercise-preview{padding:var(--spacing-16) 0}.exercise-preview .section-title{font-size:var(--font-size-3xl)}.exercise-preview .section-subtitle{font-size:var(--font-size-base)}.exercise-preview-grid{grid-template-columns:1fr;gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.exercise-preview-card{padding:var(--spacing-3)}.exercise-preview-name{font-size:var(--font-size-lg)}.exercise-preview-meta{gap:var(--spacing-2)}.exercise-preview-cta{justify-content:center}.exercise-preview-btn{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}}@media (max-width: 480px){.exercise-preview{padding:var(--spacing-12) 0}.exercise-preview .section-title{font-size:var(--font-size-2xl)}.exercise-preview-card{padding:var(--spacing-4)}.exercise-preview-header{flex-direction:column;gap:var(--spacing-3)}.exercise-preview-actions{margin-left:0;align-self:flex-end}.exercise-preview-meta{flex-direction:column;gap:var(--spacing-2)}}.faq-preview{background:var(--dark-bg);padding:var(--spacing-20) 0;position:relative;overflow:hidden}.faq-preview:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-green),transparent)}.faq-preview .section-header{text-align:center;margin-bottom:var(--spacing-16)}.faq-preview .section-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,var(--text-primary),var(--primary-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-preview .section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.faq-preview-content{max-width:1000px;margin:0 auto}.faq-preview-list{max-width:800px;margin:0 auto var(--spacing-12) auto}.faq-preview-item{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);transition:all var(--transition-normal);overflow:hidden}.faq-preview-item:hover{border-color:var(--primary-green);box-shadow:0 4px 20px #0f89601a}.faq-preview-question{width:100%;padding:var(--spacing-6);font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);line-height:1.4;margin:0;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all var(--transition-normal);background:none;border:none;text-align:left}.faq-preview-question:hover{color:var(--primary-green)}.question-text{flex:1;margin-right:var(--spacing-3)}.faq-preview-answer{overflow:hidden;border-top:1px solid var(--border-color);background:var(--dark-bg)}.answer-content{padding:0 var(--spacing-6) var(--spacing-6) var(--spacing-6);font-size:var(--font-size-base);color:var(--text-secondary);line-height:1.6;margin:0}.faq-preview-cta{text-align:center}.faq-preview-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-8);background:transparent;color:var(--primary-green);border:2px solid var(--primary-green);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:var(--font-size-lg);transition:all var(--transition-normal)}.faq-preview-btn:hover{background:var(--primary-green);color:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #0f89604d}.faq-preview-btn:active{transform:translateY(0)}@media (max-width: 768px){.faq-preview{padding:var(--spacing-16) 0}.faq-preview .section-title{font-size:var(--font-size-3xl)}.faq-preview .section-subtitle{font-size:var(--font-size-base)}.faq-preview-list{margin-bottom:var(--spacing-8)}.faq-preview-question{padding:var(--spacing-5);font-size:var(--font-size-base)}.answer-content{padding:0 var(--spacing-5) var(--spacing-5) var(--spacing-5);font-size:var(--font-size-sm)}.faq-preview-btn{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}}@media (max-width: 480px){.faq-preview{padding:var(--spacing-12) 0}.faq-preview .section-title{font-size:var(--font-size-2xl)}.faq-preview-question{padding:var(--spacing-4);font-size:var(--font-size-sm)}.answer-content{padding:0 var(--spacing-4) var(--spacing-4) var(--spacing-4);font-size:var(--font-size-xs)}}.homepage{padding-top:70px}.hero{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%);padding:var(--spacing-20) 0 var(--spacing-16);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(32,178,170,.1) 0%,transparent 50%);pointer-events:none}.hero-content{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--spacing-16);align-items:center;position:relative;z-index:1}.hero-text{max-width:600px;text-align:left}.hero-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-6);color:var(--text-primary);display:flex;flex-direction:column;text-align:left}.title-line1{display:block;margin-bottom:var(--spacing-2)}.title-line2-part1,.title-line2-part2{display:block;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-line2-part1{margin-bottom:var(--spacing-1)}.highlight-text{color:var(--primary-green);position:relative}.highlight-text:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));border-radius:var(--radius-full)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.6;display:flex;flex-direction:column;text-align:left}.subtitle-line1{display:block;margin-bottom:var(--spacing-1)}.subtitle-line2{display:block}.hero-cta{display:flex;justify-content:flex-start;margin-bottom:var(--spacing-12);flex-wrap:wrap}.hero-btn{min-width:180px}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.stat-item{text-align:center;padding:var(--spacing-4);background:var(--dark-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal)}.stat-item:hover{transform:translateY(-2px);border-color:var(--primary-green);box-shadow:var(--shadow)}.stat-number{font-size:var(--font-size-2xl);font-weight:800;color:var(--primary-green);margin-bottom:var(--spacing-1)}.hero-visual{display:flex;justify-content:center;align-items:center}.banner-image-container{position:relative;max-width:100%;height:auto;display:flex;justify-content:center;align-items:center}.banner-image{max-width:100%;height:auto;border-radius:var(--radius-xl);object-fit:contain;transform:scale(.96)}.banner-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;background:var(--dark-surface);border-radius:var(--radius-xl);border:2px dashed var(--border-color);color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-green);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.features{padding:var(--spacing-20) 0;background:var(--dark-bg)}.section-header{text-align:center;margin-bottom:var(--spacing-16);max-width:800px;margin-left:auto;margin-right:auto}.homepage .features-section h2.section-title,.homepage .download-section h2.section-title,.homepage .exercise-preview h2.section-title,.homepage .faq-preview h2.section-title,.homepage h2.section-title{font-size:var(--font-size-3xl)!important;font-weight:700!important;margin-bottom:var(--spacing-4)!important;color:var(--text-primary)!important;text-align:center!important;border-bottom:none!important;padding-bottom:0!important;display:block!important;width:100%!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6}.feature-grid{display:flex;justify-content:center;align-items:stretch;gap:var(--spacing-8);max-width:1200px;margin:0 auto;flex-wrap:wrap}.feature-card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden;flex:1;min-width:280px;max-width:350px;display:flex;flex-direction:column;align-items:center}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));transform:scaleX(0);transition:transform var(--transition-normal)}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);border-color:var(--primary-green);box-shadow:var(--shadow-lg)}.homepage .feature-icon-wrapper,.features-section .feature-icon-wrapper{width:80px!important;height:80px!important;background:var(--primary-green)!important;border-radius:var(--radius-xl);display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto var(--spacing-4)!important;box-shadow:var(--shadow);flex-shrink:0;aspect-ratio:1 / 1;border:none!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important}.homepage .feature-icon,.features-section .feature-icon{color:#fff!important;width:56px!important;height:56px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0;box-sizing:border-box;transform:none!important;position:relative;background:none!important;border-radius:0!important;margin:0!important;font-size:inherit!important}.feature-icon svg{width:100%!important;height:100%!important;display:block!important;margin:0!important;padding:0!important}.feature-title{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-4);color:var(--text-primary)}.feature-description{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-4)}.feature-highlight{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--primary-green);font-weight:600;font-size:var(--font-size-sm)}.cta-section{background:linear-gradient(135deg,var(--dark-surface) 0%,var(--dark-bg) 100%);padding:var(--spacing-20) 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 70% 80%,rgba(32,178,170,.1) 0%,transparent 50%);pointer-events:none}.cta-content{text-align:center;position:relative;z-index:1}.cta-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);max-width:600px;margin-left:auto;margin-right:auto;text-align:center!important}.homepage .cta-section .cta-subtitle,.cta-section .cta-subtitle,p.cta-subtitle,.cta-subtitle,.homepage .cta-section p.cta-subtitle,.homepage .cta-section div.cta-subtitle{text-align:center!important;display:block!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}.cta-btn{min-width:250px}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-12);text-align:center}.hero-title{font-size:var(--font-size-3xl)}.hero-cta{justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}.banner-image{max-width:100%;max-height:400px;transform:scale(.88)}.feature-grid{flex-direction:column;align-items:center;max-width:400px;margin:0 auto}.homepage .feature-icon-wrapper,.features-section .feature-icon-wrapper{width:70px!important;height:70px!important;aspect-ratio:1 / 1!important;background:var(--primary-green)!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;margin:0 auto var(--spacing-3)!important}.homepage .feature-icon,.features-section .feature-icon{width:48px!important;height:48px!important;padding:0!important;transform:none!important;background:none!important;border-radius:0!important;margin:0!important}.section-title,.cta-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.hero{padding:var(--spacing-16) 0 var(--spacing-12)}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.hero-cta{flex-direction:column;align-items:center}.hero-btn{width:100%;max-width:280px}.hero-stats{grid-template-columns:1fr}.banner-image{max-width:100%;max-height:300px;transform:scale(.8)}.homepage .feature-icon-wrapper,.features-section .feature-icon-wrapper{width:60px!important;height:60px!important;aspect-ratio:1 / 1!important;background:var(--primary-green)!important;background-image:none!important;background-clip:unset!important;-webkit-background-clip:unset!important;margin:0 auto var(--spacing-2)!important}.homepage .feature-icon,.features-section .feature-icon{width:40px!important;height:40px!important;padding:0!important;transform:none!important;background:none!important;border-radius:0!important;margin:0!important}.features,.cta-section{padding:var(--spacing-16) 0}}.guide-page{padding-top:70px}.guide-hero{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%);padding:var(--spacing-20) 0 var(--spacing-16);position:relative;overflow:hidden}.guide-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(32,178,170,.1) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-highlight{background:var(--dark-surface);border:2px solid var(--primary-green);border-radius:var(--radius-lg);padding:var(--spacing-4);margin-bottom:var(--spacing-6);font-size:var(--font-size-lg);color:var(--text-primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6;max-width:700px;margin:0 auto}.quick-stats{background:var(--dark-surface);padding:var(--spacing-12) 0;border-bottom:1px solid var(--border-color)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}.stat-item{text-align:center;padding:var(--spacing-4)}.stat-number{font-size:var(--font-size-3xl);font-weight:800;color:var(--primary-green);margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.exercise-categories{background:var(--dark-bg);padding:var(--spacing-16) 0}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.category-tabs{display:flex;justify-content:center;gap:var(--spacing-4);flex-wrap:wrap}.tab-button{background:var(--dark-surface);border:2px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-normal)}.tab-button:hover{border-color:var(--primary-green);color:var(--primary-green)}.tab-button.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.exercise-list{background:var(--dark-bg);padding:var(--spacing-16) 0 var(--spacing-20)}.exercises-grid{display:grid;gap:var(--spacing-8)}.exercise-card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);transition:all var(--transition-normal);position:relative;overflow:hidden}.exercise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));transform:scaleX(0);transition:transform var(--transition-normal)}.exercise-card:hover:before{transform:scaleX(1)}.exercise-card:hover{transform:translateY(-4px);border-color:var(--primary-green);box-shadow:var(--shadow-lg)}.exercise-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.exercise-info{flex:1}.exercise-name{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-3)}.exercise-meta{display:flex;gap:var(--spacing-4);flex-wrap:wrap}.difficulty{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.difficulty.初级{background:rgba(34,197,94,.2);color:#22c55e}.difficulty.中级{background:rgba(251,191,36,.2);color:#fbbf24}.difficulty.高级{background:rgba(239,68,68,.2);color:#ef4444}.duration,.reps{display:flex;align-items:center;gap:var(--spacing-1);color:var(--text-secondary);font-size:var(--font-size-sm)}.exercise-actions{display:flex;gap:var(--spacing-2)}.action-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal)}.play-btn{background:var(--primary-green);color:#fff}.play-btn:hover{background:var(--primary-green-dark);transform:scale(1.1)}.exercise-description{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);line-height:1.6}.exercise-details{margin-bottom:var(--spacing-6)}.muscles-targeted h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3)}.muscle-tags{display:flex;gap:var(--spacing-2);flex-wrap:wrap}.muscle-tag{background:var(--dark-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.exercise-steps{margin-bottom:var(--spacing-6)}.exercise-steps h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-4)}.steps-list{list-style:none;padding:0;margin:0}.step-item{display:flex;gap:var(--spacing-4);margin-bottom:var(--spacing-3);align-items:flex-start}.step-number{width:24px;height:24px;background:var(--primary-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0}.step-text{color:var(--text-secondary);line-height:1.6;flex:1}.exercise-tips{margin-bottom:var(--spacing-6)}.exercise-tips h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-4)}.tips-list{list-style:none;padding:0;margin:0}.tip-item{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-2);align-items:flex-start}.tip-item .check-circle{color:var(--primary-green);flex-shrink:0;margin-top:2px}.tip-item span{color:var(--text-secondary);line-height:1.6}.exercise-cta{background:var(--dark-bg);border:2px solid var(--primary-green);border-radius:var(--radius-lg);padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-4)}.cta-content h4{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-2)}.cta-content p{color:var(--text-secondary);margin:0}.guide-cta{background:linear-gradient(135deg,var(--dark-surface) 0%,var(--dark-bg) 100%);padding:var(--spacing-20) 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}@media (max-width: 768px){.hero-title{font-size:var(--font-size-3xl)}.hero-highlight{font-size:var(--font-size-base);padding:var(--spacing-3)}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:var(--font-size-2xl)}.category-tabs{gap:var(--spacing-2)}.tab-button{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.exercise-header{flex-direction:column;gap:var(--spacing-4)}.exercise-meta{gap:var(--spacing-2)}.exercise-cta{flex-direction:column;text-align:center}.cta-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.guide-hero{padding:var(--spacing-16) 0 var(--spacing-12)}.hero-title{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.exercise-card{padding:var(--spacing-6)}.exercise-name{font-size:var(--font-size-xl)}.step-item{gap:var(--spacing-3)}.tip-item{gap:var(--spacing-2)}}.faq-page{padding-top:70px}.faq-hero{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%);padding:var(--spacing-20) 0 var(--spacing-16);position:relative;overflow:hidden}.faq-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(32,178,170,.1) 0%,transparent 50%);pointer-events:none}.hero-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-4);color:var(--text-primary)}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}.search-container{max-width:500px;margin:0 auto}.search-box{position:relative;display:flex;align-items:center;background:var(--dark-surface);border:2px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-4);transition:all var(--transition-normal)}.search-box:focus-within{border-color:var(--primary-green);box-shadow:0 0 0 3px #20b2aa1a}.search-icon{color:var(--text-muted);margin-right:var(--spacing-3);flex-shrink:0}.search-input{flex:1;background:none;border:none;color:var(--text-primary);font-size:var(--font-size-base);outline:none}.search-input::placeholder{color:var(--text-muted)}.faq-categories{background:var(--dark-bg);padding:var(--spacing-12) 0;border-bottom:1px solid var(--border-color)}.categories-container{max-width:800px;margin:0 auto}.categories-list{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.category-button{display:flex;align-items:center;gap:var(--spacing-2);background:var(--dark-surface);border:2px solid var(--border-color);color:var(--text-secondary);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);font-weight:500;font-size:var(--font-size-sm)}.category-button:hover{border-color:var(--primary-green);color:var(--primary-green);transform:translateY(-2px)}.category-button.active{background:var(--primary-green);border-color:var(--primary-green);color:#fff}.category-icon{display:flex;align-items:center}.category-name{font-weight:600}.faq-content{background:var(--dark-bg);padding:var(--spacing-16) 0}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);overflow:hidden;transition:all var(--transition-normal)}.faq-item:hover{border-color:var(--primary-green);box-shadow:var(--shadow)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-6);background:none;border:none;color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition-normal)}.faq-question:hover{background:var(--dark-bg)}.question-text{font-size:var(--font-size-lg);font-weight:600;line-height:1.4;flex:1;margin-right:var(--spacing-4)}.chevron{color:var(--primary-green);transition:transform var(--transition-normal);flex-shrink:0}.faq-answer{border-top:1px solid var(--border-color);background:var(--dark-bg)}.answer-content{padding:var(--spacing-6);color:var(--text-secondary);line-height:1.6;font-size:var(--font-size-base)}.no-results{text-align:center;padding:var(--spacing-16) var(--spacing-8);color:var(--text-muted)}.no-results-icon{color:var(--text-muted);margin-bottom:var(--spacing-4)}.no-results h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-2);color:var(--text-secondary)}.no-results p{font-size:var(--font-size-base);line-height:1.6}.contact-support{background:var(--dark-surface);padding:var(--spacing-20) 0}.support-content{text-align:center;max-width:600px;margin:0 auto}.support-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.support-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.6}.support-actions{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero-title{font-size:var(--font-size-3xl)}.search-container{padding:0 var(--spacing-4)}.categories-list{gap:var(--spacing-2)}.category-button{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs)}.faq-question{padding:var(--spacing-4)}.question-text{font-size:var(--font-size-base)}.answer-content{padding:var(--spacing-4)}.support-actions{flex-direction:column;align-items:center}.support-actions .btn{width:100%;max-width:280px}.support-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.faq-hero{padding:var(--spacing-16) 0 var(--spacing-12)}.hero-title{font-size:var(--font-size-2xl)}.faq-categories{padding:var(--spacing-8) 0}.faq-content{padding:var(--spacing-12) 0}.contact-support{padding:var(--spacing-16) 0}}.help-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-8) 0}.help-header{text-align:center;margin-bottom:var(--spacing-8)}.help-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);margin:0}.help-section{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.section-title{display:flex;align-items:center;gap:var(--spacing-3);color:var(--primary-green);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-3);border-bottom:2px solid var(--primary-green)}.help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.help-card{background:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-normal)}.help-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-green)}.help-card-icon{width:64px;height:64px;background:var(--primary-green);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);color:#fff}.help-card h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-3)}.help-card p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4);line-height:1.6}.help-link{color:var(--primary-green);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.help-link:hover{color:var(--primary-green-light);text-decoration:underline}.help-features{display:flex;flex-direction:column;gap:var(--spacing-6)}.feature-item{display:flex;gap:var(--spacing-4);padding:var(--spacing-6);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal)}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary-green)}.feature-icon{width:56px!important;height:56px!important;background:var(--primary-green)!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;flex-shrink:0;transform:none!important}.feature-content{flex:1}.feature-content h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-3)}.feature-content p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4);line-height:1.6}.feature-content ul{margin:0;padding-left:var(--spacing-6);list-style:none}.feature-content li{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-2);line-height:1.6;position:relative;padding-left:var(--spacing-2)}.feature-content li:before{content:"•";color:var(--primary-green);font-weight:700;position:absolute;left:0;top:0}.help-faq-preview{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.faq-item{background:var(--bg-primary);padding:var(--spacing-4);border-radius:var(--radius-md);border:1px solid var(--border-color)}.faq-item h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-2)}.faq-item p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}.help-cta,.help-contact{text-align:center}.help-contact p{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.contact-methods{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.contact-method{display:flex;align-items:center;gap:var(--spacing-2);color:var(--primary-green);text-decoration:none;font-weight:500;padding:var(--spacing-3) var(--spacing-4);background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--primary-green);transition:all var(--transition-normal)}.contact-method:hover{background:var(--primary-green);color:#fff}.contact-note{color:var(--text-muted);font-size:var(--font-size-sm);margin:0}.help-resources{display:flex;flex-direction:column;gap:var(--spacing-4)}.resource-link{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-decoration:none;color:var(--text-primary);transition:all var(--transition-normal)}.resource-link:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--primary-green)}.resource-link h3{color:var(--text-primary);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-1)}.resource-link p{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.5}@media (max-width: 768px){.help-page{padding:var(--spacing-4) 0}.help-title{font-size:var(--font-size-3xl)}.help-section{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.help-grid{grid-template-columns:1fr;gap:var(--spacing-4)}.feature-item{flex-direction:column;text-align:center;padding:var(--spacing-4)}.feature-icon{margin:0 auto!important;transform:none!important}.resource-link{flex-direction:column;text-align:center}}@media (max-width: 480px){.help-card{padding:var(--spacing-4)}.feature-item,.resource-link{padding:var(--spacing-3)}}.privacy-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-8) 0}.privacy-header{text-align:center;margin-bottom:var(--spacing-8)}.privacy-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.privacy-content{max-width:800px;margin:0 auto;line-height:1.8}.privacy-section{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.privacy-section h2{color:var(--primary-green);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--primary-green)}.privacy-section p{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.privacy-section ul{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.privacy-section li{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2);line-height:1.6}@media (max-width: 768px){.privacy-page{padding:var(--spacing-4) 0}.privacy-title{font-size:var(--font-size-3xl)}.privacy-content{padding:0 var(--spacing-4)}.privacy-section{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.privacy-section h2{font-size:var(--font-size-lg)}}@media (max-width: 480px){.privacy-section{padding:var(--spacing-3)}.privacy-section ul{padding-left:var(--spacing-4)}}.terms-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-8) 0}.terms-header{text-align:center;margin-bottom:var(--spacing-8)}.terms-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.terms-content{max-width:800px;margin:0 auto;line-height:1.8}.terms-section{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.terms-section h2{color:var(--primary-green);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--primary-green)}.terms-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-4) 0 var(--spacing-3) 0}.terms-section p{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.terms-section ul{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.terms-section li{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2);line-height:1.6}.terms-link{color:var(--primary-green);text-decoration:none;font-weight:500;transition:color var(--transition-normal)}.terms-link:hover{color:var(--primary-green-light);text-decoration:underline}@media (max-width: 768px){.terms-page{padding:var(--spacing-4) 0}.terms-title{font-size:var(--font-size-3xl)}.terms-content{padding:0 var(--spacing-4)}.terms-section{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.terms-section h2{font-size:var(--font-size-lg)}.terms-section h3{font-size:var(--font-size-base)}}@media (max-width: 480px){.terms-section{padding:var(--spacing-3)}.terms-section ul{padding-left:var(--spacing-4)}}.cookie-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:var(--spacing-8) 0}.cookie-header{text-align:center;margin-bottom:var(--spacing-8)}.back-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary-green);text-decoration:none;font-size:var(--font-size-sm);margin-bottom:var(--spacing-4);transition:color var(--transition-normal)}.back-link:hover{color:var(--primary-green-light)}.cookie-title{font-size:var(--font-size-4xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-2);background:linear-gradient(135deg,var(--primary-green),var(--primary-green-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:var(--text-secondary);font-size:var(--font-size-sm);font-style:italic;margin:0}.cookie-content{max-width:800px;margin:0 auto;line-height:1.8}.cookie-section{margin-bottom:var(--spacing-8);padding:var(--spacing-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.cookie-section h2{color:var(--primary-green);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--primary-green)}.cookie-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-4) 0 var(--spacing-3) 0}.cookie-section p{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-4)}.cookie-section ul{margin:var(--spacing-4) 0;padding-left:var(--spacing-6)}.cookie-section li{color:var(--text-primary);font-size:var(--font-size-base);margin-bottom:var(--spacing-2);line-height:1.6}.contact-info{background:var(--bg-light);padding:var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid var(--primary-green)}.contact-info p{margin-bottom:var(--spacing-2);color:var(--text-primary)}.contact-info strong{color:var(--primary-green)}@media (max-width: 768px){.cookie-page{padding:var(--spacing-4) 0}.cookie-title{font-size:var(--font-size-3xl)}.cookie-content{padding:0 var(--spacing-4)}.cookie-section{padding:var(--spacing-4);margin-bottom:var(--spacing-6)}.cookie-section h2{font-size:var(--font-size-lg)}.cookie-section h3{font-size:var(--font-size-base)}}@media (max-width: 480px){.cookie-section{padding:var(--spacing-3)}.cookie-section ul{padding-left:var(--spacing-4)}}.download-page{padding-top:70px}.download-hero{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%);padding:var(--spacing-20) 0 var(--spacing-16);position:relative;overflow:hidden}.download-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(32,178,170,.1) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-title{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;margin-bottom:var(--spacing-6);color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,var(--primary-green),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.6}.platform-selection{background:var(--dark-bg);padding:var(--spacing-20) 0}.section-header{text-align:center;margin-bottom:var(--spacing-16)}.section-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.section-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.platform-card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;position:relative;transition:all var(--transition-normal);overflow:hidden}.platform-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));transform:scaleX(0);transition:transform var(--transition-normal)}.platform-card:hover:before{transform:scaleX(1)}.platform-card:hover{transform:translateY(-8px);border-color:var(--primary-green);box-shadow:var(--shadow-lg)}.platform-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);background:var(--primary-green);color:#fff;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.platform-icon{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4)}.platform-name{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-3)}.platform-description{color:var(--text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--spacing-6);line-height:1.6}.platform-features{list-style:none;padding:0;margin:0 0 var(--spacing-8) 0;text-align:left}.feature-item{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);color:var(--text-secondary)}.feature-item .check-circle{color:var(--primary-green);flex-shrink:0}.platform-btn{width:100%;justify-content:center}.features-overview{background:var(--dark-surface);padding:var(--spacing-20) 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-6)}.feature-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary-green);box-shadow:var(--shadow)}.feature-icon-wrapper{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);box-shadow:var(--shadow)}.feature-icon{color:#fff}.feature-title{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-3)}.feature-description{color:var(--text-secondary);line-height:1.6}.system-requirements{background:var(--dark-bg);padding:var(--spacing-20) 0}.requirements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.requirement-card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);transition:all var(--transition-normal)}.requirement-card:hover{transform:translateY(-4px);border-color:var(--primary-green);box-shadow:var(--shadow)}.requirement-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-6);box-shadow:var(--shadow)}.requirement-icon .lucide{color:#fff}.requirement-card h3{font-size:var(--font-size-2xl);font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-6)}.requirement-details{space-y:var(--spacing-4)}.detail-item{margin-bottom:var(--spacing-4)}.detail-item strong{color:var(--text-primary);display:block;margin-bottom:var(--spacing-2)}.detail-item span{color:var(--text-secondary)}.detail-item ul{list-style:none;padding:0;margin:var(--spacing-2) 0 0 0}.detail-item li{color:var(--text-secondary);margin-bottom:var(--spacing-1);padding-left:var(--spacing-4);position:relative}.detail-item li:before{content:"•";color:var(--primary-green);position:absolute;left:0}.user-reviews{background:var(--dark-surface);padding:var(--spacing-20) 0}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6)}.review-card{background:var(--dark-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-6);transition:all var(--transition-normal)}.review-card:hover{transform:translateY(-4px);border-color:var(--primary-green);box-shadow:var(--shadow)}.review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.reviewer-info{flex:1}.reviewer-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-1)}.review-platform{font-size:var(--font-size-sm);color:var(--text-secondary)}.review-rating{display:flex;gap:var(--spacing-1)}.review-rating .filled{color:#fbbf24}.review-rating .empty{color:var(--border-color)}.review-comment{color:var(--text-secondary);line-height:1.6;font-style:italic;margin:0}.final-cta{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%);padding:var(--spacing-20) 0;text-align:center}.cta-content{max-width:800px;margin:0 auto}.cta-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-4);color:var(--text-primary)}.cta-subtitle{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8);line-height:1.6;text-align:center}.cta-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero-title{font-size:var(--font-size-3xl)}.platforms-grid{grid-template-columns:1fr}.platform-card{padding:var(--spacing-6)}.features-grid,.requirements-grid,.reviews-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons .btn{width:100%;max-width:300px}.section-title,.cta-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.download-hero{padding:var(--spacing-16) 0 var(--spacing-12)}.hero-title{font-size:var(--font-size-2xl)}.platform-selection,.features-overview,.system-requirements,.user-reviews,.final-cta{padding:var(--spacing-16) 0}.platform-card{padding:var(--spacing-4)}.requirement-card{padding:var(--spacing-6)}.review-card{padding:var(--spacing-4)}}.App{min-height:100vh;display:flex;flex-direction:column}.App main{flex:1}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-float{animation:float 3s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-slide-up{animation:slideInUp .8s ease-out}.animate-slide-left{animation:slideInLeft .8s ease-out}.animate-slide-right{animation:slideInRight .8s ease-out}.card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow);transition:all var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-green)}.gradient-bg{background:linear-gradient(135deg,var(--dark-bg) 0%,var(--dark-surface) 100%)}.gradient-green{background:linear-gradient(135deg,var(--primary-green),var(--accent-green))}.app-mockup{position:relative;width:300px;height:600px;background:var(--dark-surface);border-radius:var(--radius-2xl);border:8px solid var(--border-color);overflow:hidden;box-shadow:var(--shadow-lg)}.app-mockup:before{content:"";position:absolute;top:0;left:0;right:0;height:30px;background:var(--dark-surface-light);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.app-screen{position:absolute;top:30px;left:0;right:0;bottom:0;background:var(--dark-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-6)}.counting-display{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-5xl);font-weight:800;color:#fff;margin-bottom:var(--spacing-4);animation:pulse 2s ease-in-out infinite}.platform-icons{display:flex;gap:var(--spacing-4);align-items:center;justify-content:center;flex-wrap:wrap}.platform-icon{width:48px;height:48px;background:transparent;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;transition:none;border:none}.platform-icon:hover{background:transparent;transform:none}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-6);margin:var(--spacing-12) 0}.feature-card{background:var(--dark-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal)}.feature-card:hover{transform:translateY(-4px);border-color:var(--primary-green);box-shadow:var(--shadow-lg)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary-green),var(--accent-green));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-4);font-size:var(--font-size-2xl);color:#fff}@media (max-width: 768px){.app-mockup{width:250px;height:500px}.counting-display{width:150px;height:150px;font-size:var(--font-size-4xl)}.feature-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-green: #0F8960;--primary-green-dark: #0D7A54;--primary-green-light: #2A9D7A;--accent-green: #20B2AA;--dark-bg: #0F0F0F;--dark-surface: #1A1A1A;--dark-surface-light: #2A2A2A;--text-primary: #FFFFFF;--text-secondary: #B0B0B0;--text-muted: #808080;--border-color: #333333;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .4);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 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;--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-full: 9999px;--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--dark-bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-4xl);font-weight:800}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--primary-green);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-green-light)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);gap:var(--spacing-2)}.btn-primary{background:linear-gradient(135deg,var(--primary-green),var(--accent-green));color:#fff;box-shadow:var(--shadow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#fff}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-green);color:var(--primary-green)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-4)}.grid{display:grid;gap:var(--spacing-6)}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.mb-16{margin-bottom:var(--spacing-16)}.mt-8{margin-top:var(--spacing-8)}.mt-12{margin-top:var(--spacing-12)}.mt-16{margin-top:var(--spacing-16)}.text-center{text-align:center}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.font-bold{font-weight:700}.font-semibold{font-weight:600}@media (max-width: 768px){.container{padding:0 var(--spacing-3)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.btn-lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-base)}}@media (max-width: 480px){h1{font-size:var(--font-size-2xl)}.text-4xl{font-size:var(--font-size-3xl)}}