:root{--primary-color: #065F46;--primary-hover: #044D39;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--accent-light: #a7f3d0;--accent-gradient: linear-gradient(135deg, #059669 0%, #065f46 100%);--card-bg: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--footer-bg: #064e3b;--font-heading: "Plus Jakarta Sans", sans-serif;--font-body: "Manrope", sans-serif;--navbar-height: 70px}[data-theme=dark]{--bg-primary: #044D39;--bg-secondary: #033a2b;--bg-tertiary: #055a43;--text-main: #ffffff;--text-muted: #ffffff;--primary-color: #10b981;--primary-hover: #059669;--accent-light: #044D39;--accent-gradient: linear-gradient(135deg, #044D39 0%, #033a2b 100%);--card-bg: #055a43;--border-color: rgba(255, 255, 255, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--footer-bg: #044D39}[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] p,[data-theme=dark] li,[data-theme=dark] .nav-link,[data-theme=dark] .price-val,[data-theme=dark] .price-symbol,[data-theme=dark] .feature-check{color:#fff!important}[data-theme=dark] .article-item h3,[data-theme=dark] .article-item p,[data-theme=dark] .article-item span,[data-theme=dark] .article-item *,[data-theme=dark] .help-category *,[data-theme=dark] .article-info h3,[data-theme=dark] .article-info p,[data-theme=dark] .help-article h1,[data-theme=dark] .help-article h2,[data-theme=dark] .help-article h3,[data-theme=dark] .help-article p,[data-theme=dark] .help-article li,[data-theme=dark] .markdown-content h1,[data-theme=dark] .markdown-content h2,[data-theme=dark] .markdown-content p,[data-theme=dark] .markdown-content li,[data-theme=dark] .video-title,[data-theme=dark] .video-carousel-block h4,[data-theme=dark] .video-carousel-block h5,[data-theme=dark] .video-carousel-block p,[data-theme=dark] .help-header .back-btn,[data-theme=dark] .help-header .back-btn span,[data-theme=dark] .sidebar-block h4,[data-theme=dark] .sidebar-block h5,[data-theme=dark] .sidebar-block p,[data-theme=dark] .sidebar-block span,[data-theme=dark] .feedback-block h4,[data-theme=dark] .back-link,[data-theme=dark] .back-btn,[data-theme=dark] .article-navigation a,[data-theme=dark] .related-articles-title,[data-theme=dark] .help-category i,[data-theme=dark] .help-category svg,[data-theme=dark] .help-icon-wrapper i,[data-theme=dark] .help-icon-wrapper svg,[data-theme=dark] .article-item svg,[data-theme=dark] .material-symbols-outlined{color:#fff!important}[data-theme=dark] .check-icon,[data-theme=dark] .feature-check,[data-theme=dark] .benefit-icon{background:transparent!important;color:#fff!important;border-radius:0!important}[data-theme=dark] svg.check-icon,[data-theme=dark] .check-icon svg{stroke:#fff!important;fill:none!important}[data-theme=dark] .feature-check i,[data-theme=dark] .feature-check svg,[data-theme=dark] .check-icon i,[data-theme=dark] .benefit-list li svg.check-icon,[data-theme=dark] .plan-features li svg{color:#fff!important;stroke:#fff!important}[data-theme=dark] .benefit-icon-box{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important}[data-theme=dark] .benefit-icon-box i,[data-theme=dark] .benefit-icon-box svg,[data-theme=dark] .benefit-icon-box .material-symbols-outlined{color:#fff!important;font-size:24px!important}[data-theme=dark] .back-btn:hover,[data-theme=dark] .back-link:hover{background:transparent!important;opacity:.8}[data-theme=dark] .video-carousel-block p,[data-theme=dark] .video-carousel-block .video-title,[data-theme=dark] .video-title,[data-theme=dark] .video-carousel-block h5,[data-theme=dark] .video-carousel-block h4,[data-theme=dark] .video-carousel-item p{color:#fff!important}[data-theme=dark] .hero h1 span{color:inherit!important}[data-theme=dark] .hero p{color:#94a3b8!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-main);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6,.btn,.nav-link,.price{font-family:var(--font-heading)}.nav-link{color:var(--text-main)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding-top:var(--navbar-height)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:1000;box-shadow:var(--shadow-sm);transition:all .3s ease}[data-theme=dark] .navbar{background-color:#044d39!important}.theme-toggle{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-main);padding:8px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin:0 1rem}.theme-toggle:hover{background:var(--border-color);transform:scale(1.1)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 2rem;height:100%;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-text{font-family:var(--font-heading);font-weight:800;font-size:1.25rem;letter-spacing:-.05em;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=dark] .logo-text{background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-icon{color:var(--primary-color)}@media (max-width: 480px){.logo-text{font-size:1.1rem}.navbar-container{padding:0 1rem}}.desktop-menu{display:flex;align-items:center;gap:1.5rem}.nav-link{background:none;border:none;font-family:inherit;font-size:1rem;font-weight:600;color:var(--text-main);cursor:pointer;text-decoration:none;transition:opacity .2s;position:relative;padding:4px 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-link:hover{opacity:.8}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--text-main)}@media (max-width: 768px){.desktop-menu{display:none}.mobile-menu-btn{display:block}}.mobile-menu{position:absolute;top:var(--navbar-height);left:0;width:100%;background:var(--bg-primary);padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;border-bottom:1px solid var(--border-color);box-shadow:0 10px 15px -3px #0000001a;z-index:1001;max-height:calc(100vh - var(--navbar-height));overflow-y:auto;animation:mobileMenuSlideDown .3s ease-out}.mobile-menu .nav-link{display:block;width:100%;text-align:center;font-size:1.1rem}.mobile-menu .btn{width:100%;max-width:280px}@keyframes mobileMenuSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;border:none;font-family:inherit;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}[data-theme=dark] .btn-primary,[data-theme=dark] .plan-card .btn-primary,[data-theme=dark] .plan-card button,[data-theme=dark] .submit-feedback-btn,[data-theme=dark] .feedback-submit-btn,[data-theme=dark] .feedback-btn.active,[data-theme=dark] .feedback-btn-yes,[data-theme=dark] .feedback-form button[type=submit],[data-theme=dark] .feedback-container .btn-primary{background:#064c5f!important;color:#fff!important;border:none!important;box-shadow:0 4px 15px #064c5f66!important}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.feedback-btn{padding:.5rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.feedback-btn:hover{background:var(--primary-color);color:#fff}[data-theme=dark] .feedback-btn{background:#ffffff1a!important;color:#fff!important;border:1px solid rgba(255,255,255,.2)!important}[data-theme=dark] .feedback-btn:hover{background:var(--accent-gradient)!important;border-color:transparent!important}[data-theme=dark] .feedback-btn-yes:hover{background:#053d4d!important}[data-theme=dark] .feedback-btn-yes:hover{background:#0284c7!important}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:var(--primary-color);color:#fff}.hero{background:var(--bg-primary);min-height:calc(100vh - var(--navbar-height));display:flex;align-items:center;padding:4rem 0;transition:background-color .3s ease}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}@media (max-width: 992px){.hero-grid{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-buttons{justify-content:center}}.hero-text{max-width:600px}.hero h1{font-size:2.75rem;font-weight:800;color:var(--text-main);margin-bottom:1.5rem;line-height:1.2}@media (max-width: 768px){.hero h1{font-size:2rem}}.hero p{font-size:1.05rem;color:var(--text-muted);margin-bottom:3rem;text-align:left}@media (max-width: 992px){.hero p{text-align:center;font-size:1rem}}.hero-buttons{display:flex;gap:1.5rem;justify-content:flex-start}@media (max-width: 992px){.hero-buttons{justify-content:center;flex-direction:column;align-items:center;width:100%;max-width:400px;margin:0 auto}.hero-buttons .btn{width:100%}}.hero-mockup{display:flex;justify-content:center;align-items:center}.phone-frame{width:300px;height:600px;background:#111;border-radius:40px;border:12px solid #222;position:relative;box-shadow:0 50px 100px -20px #0000004d;overflow:hidden}.phone-frame.small{width:260px;height:520px;border-radius:35px;border-width:10px}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:120px;height:25px;background:#222;border-bottom-left-radius:15px;border-bottom-right-radius:15px;z-index:10}.phone-screen{width:100%;height:100%;object-fit:cover;background:#000}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.about-section{padding:100px 0;background-color:var(--bg-primary);transition:background-color .3s ease}.about-grid{display:flex;align-items:flex-start;gap:80px}@media (max-width: 1024px){.about-grid{flex-direction:column;align-items:center;gap:40px;text-align:center;padding:0 20px}.about-mockup{flex:0 0 auto;width:100%;display:flex;justify-content:center;order:1}}.about-mockup{flex:0 0 320px}.phone-wrapper{position:relative;width:280px;margin:0 auto}.phone-outer{background:#111;padding:12px;border-radius:45px;box-shadow:0 50px 100px -20px #0003;border:1px solid #333}.phone-inner{background:#000;border-radius:35px;overflow:hidden;position:relative;aspect-ratio:9 / 19.5;display:flex}.phone-island{position:absolute;top:12px;left:50%;transform:translate(-50%);width:80px;height:24px;background:#111;border-radius:12px;z-index:20}.phone-content-img{width:100%;height:100%;object-fit:cover}.about-text-content{flex:1}.about-text-content h2{font-size:32px;font-weight:800;color:var(--ocean-color);margin-bottom:20px;text-align:left}.about-subtitle{font-size:18px;color:#666;margin-bottom:40px;text-align:left;line-height:1.6}@media (max-width: 1024px){.about-text-content h2,.about-subtitle{text-align:center}}.benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:30px}@media (max-width: 640px){.benefits-grid{grid-template-columns:1fr;gap:30px}}.benefit-card{display:flex;flex-direction:column}.benefit-header{display:flex;align-items:center;gap:12px;margin-bottom:15px}.benefit-icon-box{width:32px;height:32px;background:#ecfdf5;color:#065f46;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.benefit-icon-box svg,.material-symbols-outlined{width:18px!important;height:18px!important;font-size:18px!important;line-height:1;display:flex!important;align-items:center;justify-content:center}.benefit-card h3{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0}.benefit-list{list-style:none;padding-left:10px;margin:0}.benefit-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px;color:var(--text-muted);font-size:15px;text-align:left}[data-theme=dark] .benefit-card h3,[data-theme=dark] .benefit-list li,[data-theme=dark] .benefit-list li span,[data-theme=dark] .about-subtitle,[data-theme=dark] .benefits-footer,[data-theme=dark] .check-icon{color:#fff!important}.check-icon{color:var(--primary-color);margin-top:3px;width:18px!important;height:18px!important;font-size:18px!important;line-height:1;display:flex!important;align-items:center;justify-content:center}.benefits-footer{font-weight:700;color:var(--ocean-color);font-size:16px;margin-top:20px;text-align:left}@media (max-width: 1024px){.benefits-footer{text-align:center}}.plans-section{padding:100px 0;background-color:var(--bg-secondary);transition:background-color .3s ease}.plans-header{text-align:center;margin-bottom:70px}.plans-header h2{font-size:42px;font-weight:800;color:var(--text-main);margin-bottom:20px}.plans-header .section-subtitle{max-width:600px;margin:0 auto;font-size:1.1rem;color:#64748b;line-height:1.6}.billing-toggle{display:inline-flex;background:var(--bg-tertiary);padding:4px;border-radius:12px;margin-top:20px;border:1px solid var(--border-color)}.billing-toggle button{border:none;background:none;padding:10px 25px;border-radius:50px;font-size:14px;font-weight:700;color:var(--text-muted);cursor:pointer;transition:all .3s ease}.billing-toggle button.active{background:var(--bg-primary);color:var(--primary-color);box-shadow:var(--shadow-sm)}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;align-items:stretch}@media (max-width: 1200px){.plans-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:20px 20px 40px;margin:0 -20px;scrollbar-width:none;-ms-overflow-style:none}.plans-grid::-webkit-scrollbar{display:none}}.plan-card{background:var(--card-bg);border-radius:20px;padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--border-color);transition:all .3s ease;position:relative;min-height:550px;box-shadow:var(--shadow-sm)}@media (max-width: 1200px){.plan-card{flex:0 0 85%;max-width:320px;scroll-snap-align:center}}.plan-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000000d}.plan-card.featured{border-color:var(--primary-color);box-shadow:0 20px 40px #065f461a}.badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary-color);color:#fff;padding:.25rem 1rem;border-color:#3b82f6;box-shadow:0 20px 40px #3b82f61a}.popular-badge{position:absolute;top:-14px;right:20px;background:var(--primary-color);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:800}.plan-card h3{font-size:22px;font-weight:800;color:var(--primary-color);margin-bottom:10px;min-height:54px;display:flex;align-items:center}.plan-desc{font-size:14px;color:#64748b;margin-bottom:25px;line-height:1.5;min-height:64px}.price-box{margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-height:80px}.price-main{display:flex;align-items:baseline;gap:4px}.price-symbol{font-size:18px;font-weight:700;color:var(--primary-color)}.price-val{font-size:36px;font-weight:800;color:var(--text-main);line-height:1}.price-period{font-size:14px;color:#94a3b8;white-space:nowrap}.features-list{list-style:none;padding:0;margin:0 0 40px;flex:1}.features-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;font-size:14px;color:var(--text-muted);line-height:1.4}.feature-check{color:var(--primary-color);flex-shrink:0;margin-top:2px}.btn-blue{background:var(--primary-color);color:#fff;border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:opacity .2s}[data-theme=dark] .nav-link{color:#fff!important}.btn-blue:hover{opacity:.9}.btn-light{background:var(--bg-tertiary);color:var(--text-main);border:none;padding:14px;border-radius:12px;font-weight:700;cursor:pointer;transition:background .2s}.btn-light:hover{background:var(--border-color)}.cta-section{padding:100px 0;background-color:var(--bg-primary);position:relative;overflow:hidden}.cta-box{background:var(--accent-gradient);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:30px;padding:80px 40px;text-align:center;color:#fff;box-shadow:0 25px 50px -12px #065f464d;border:1px solid rgba(255,255,255,.1)}.cta-box h2{font-size:42px;font-weight:800;margin-bottom:20px;color:#fff!important}.cta-box p{font-size:1.2rem;margin-bottom:40px;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.cta-box .btn-light{background:#ffffffe6!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--primary-color)!important;border:1px solid #fff;font-weight:800;box-shadow:0 10px 20px #0000001a;transition:all .3s ease}.cta-box .btn-light:hover{background:#fff!important;transform:translateY(-3px);box-shadow:0 15px 30px #00000026}.blog-header{background-color:var(--bg-primary);padding:4rem 2rem;text-align:center;margin-bottom:3rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:5rem}.blog-card{background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000000d;transition:transform .2s}.blog-card:hover{transform:translateY(-5px)}.blog-img{width:100%;height:200px;object-fit:cover}.blog-content{padding:1.5rem}.blog-content h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-main);text-align:justify}.blog-content p{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem;text-align:justify}.read-more{color:#059669;font-weight:600;text-decoration:none}.loading-text{text-align:center;font-size:1.2rem;color:var(--text-muted);margin:5rem 0}.blog-card{background:var(--card-bg);border:1px solid var(--border-color)}[data-theme=dark] .read-more{color:#fff!important}.blog-category-badge{display:inline-block;background:var(--accent-light);color:var(--primary-color);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.04em}[data-theme=dark] .blog-category-badge{background:#10b98126!important;color:#fff!important}.blog-card-meta{display:flex;gap:.75rem;align-items:center;font-size:.8rem;color:var(--text-muted);margin-bottom:.75rem;flex-wrap:wrap}.blog-card-meta span{display:flex;align-items:center;gap:4px}.blog-card-meta .blog-category-badge{margin-bottom:0}.blog-filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-filter-btn{padding:.4rem 1rem;border-radius:999px;border:1px solid var(--border-color, #e2e8f0);background:transparent;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.blog-filter-btn:hover{background:var(--accent-light, rgba(16,185,129,.1));color:var(--primary-color);border-color:var(--primary-color)}.blog-filter-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}[data-theme=dark] .blog-filter-btn{border-color:#ffffff26;color:var(--text-muted)}[data-theme=dark] .blog-filter-btn:hover{background:#10b98126;color:#10b981;border-color:#10b981}[data-theme=dark] .blog-filter-btn.active{background:#10b981;color:#fff;border-color:#10b981}[data-theme=dark] .blog-card{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .blog-content h3,[data-theme=dark] .blog-card-meta span{color:#fff!important}.blog-post-page{min-height:calc(100vh - var(--navbar-height))}.blog-post-cover-wrapper{position:relative;width:100%;max-height:420px;overflow:hidden}.blog-post-cover-img{width:100%;height:420px;object-fit:cover;display:block}.blog-post-cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 50%,var(--bg-primary) 100%)}.blog-post-body{max-width:780px;margin:0 auto;padding:2.5rem 2rem 5rem}.blog-post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.blog-post-header h1{font-size:2.2rem;font-weight:800;color:var(--text-main);line-height:1.25;margin:.75rem 0 .5rem}.blog-post-excerpt{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin:.75rem 0 1rem;font-style:italic;text-align:justify}.blog-post-meta{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap;font-size:.875rem;color:var(--text-muted)}.blog-post-meta span{display:flex;align-items:center;gap:5px}.blog-post-content{margin-bottom:4rem;text-align:justify}.blog-related{border-top:1px solid var(--border-color);padding-top:3rem}.blog-related h3{font-size:1.4rem;font-weight:800;margin-bottom:1.5rem;color:var(--text-main)}[data-theme=dark] .blog-post-header h1,[data-theme=dark] .blog-post-excerpt,[data-theme=dark] .blog-post-meta span,[data-theme=dark] .blog-related h3{color:#fff!important}[data-theme=dark] .blog-post-cover-overlay{background:linear-gradient(to bottom,transparent 50%,#044D39 100%)!important}.help-header{background-color:var(--bg-primary);padding:4rem 2rem;text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;transition:all .3s ease}.help-header .back-btn{max-width:1200px;width:100%;display:flex;justify-content:flex-start;margin-bottom:2rem;padding:0;background:transparent!important;box-shadow:none!important;color:var(--text-main)!important}.help-header h1{font-size:3.5rem;margin-bottom:1.5rem;color:var(--primary-color)!important;font-weight:800}.search-bar{width:100%;max-width:600px;margin:0 auto;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-bar input{width:100%;padding:1rem 1rem 1rem 3rem;border-radius:8px;border:1px solid var(--border-color);font-size:1.1rem;font-family:inherit}.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:5rem}.help-articles-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:5rem}.article-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;text-decoration:none;transition:all .2s;box-shadow:var(--shadow-sm)}[data-theme=dark] .article-item,[data-theme=dark] .help-articles-list{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .article-item h3,[data-theme=dark] .article-item p,[data-theme=dark] .article-item span{color:#fff!important}.article-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-md)}.help-category{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.25rem;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-sm)}[data-theme=dark] .help-category{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}.help-category:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.help-icon-wrapper{background-color:var(--bg-tertiary);color:var(--primary-color);padding:1rem;border-radius:10px;display:flex;align-items:center;justify-content:center}.help-text h3{font-size:1.1rem;margin-bottom:.25rem}.help-text p{color:var(--text-muted);font-size:.9rem}.terms-page{background-color:var(--bg-light);min-height:calc(100vh - var(--navbar-height));padding:40px 0}.terms-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:40px;padding:0 2rem}@media (max-width: 768px){.terms-container{grid-template-columns:1fr}}.terms-intro{background:#f8fafc;padding:1.5rem;border-radius:12px;border-left:4px solid var(--primary-color);margin-bottom:2.5rem;color:var(--text-muted);font-style:italic}[data-theme=dark] .terms-intro{background:#0006!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important;border-left:4px solid #10b981!important;color:#fff!important;padding:1.5rem!important;border-radius:12px!important;font-style:italic!important}.terms-sidebar{background:var(--card-bg);padding:2rem;border-radius:16px;border:1px solid var(--border-color);position:sticky;top:100px;box-shadow:var(--shadow-md);height:fit-content}.terms-sidebar h3{font-size:1.1rem;margin-bottom:1.5rem;color:var(--primary-color);font-weight:800}.terms-sidebar ul{list-style:none;padding:0}.terms-sidebar li{margin-bottom:.5rem}.terms-sidebar button,.terms-nav-item{width:100%;text-align:left;padding:1rem 1.25rem!important;border:none;background:none;border-radius:10px;font-size:.95rem;color:#64748b;cursor:pointer;transition:all .2s;font-weight:500;display:block}[data-theme=dark] .terms-sidebar button:not(.active),[data-theme=dark] .terms-nav-item:not(.active){color:#fff!important;opacity:1!important}[data-theme=dark] .terms-sidebar button.active,[data-theme=dark] .terms-nav-item.active{background:#fff!important;color:#044d39!important;opacity:1;font-weight:700}.terms-sidebar button:hover,.terms-nav-item:hover{background:#f1f5f9}[data-theme=dark] .terms-sidebar button:not(.active):hover,[data-theme=dark] .terms-nav-item:not(.active):hover{background:#ffffff1a!important;opacity:1}.terms-main{background:var(--card-bg);padding:3.5rem;border-radius:20px;border:1px solid var(--border-color);box-shadow:var(--shadow-md)}[data-theme=dark] .terms-main{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}@media (max-width: 640px){.terms-main{padding:1.5rem}}.terms-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.terms-header h1{font-size:2rem;margin-bottom:.5rem}.last-updated{font-size:.9rem;color:var(--text-muted)}.terms-summary{margin-top:1.5rem;padding:1rem;background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:4px;font-size:.95rem;line-height:1.5;color:var(--text-main)}.help-article-container{display:flex;gap:3rem;max-width:1200px;margin:0 auto;padding:2rem}.help-sidebar.article-view{margin-top:3.5rem}.help-main-content{flex:1;min-width:0}.help-sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:2rem}.sidebar-block{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:1.5rem;box-shadow:0 4px 12px #00000008}.sidebar-block h4{font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #f1f5f9}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.info-label{font-size:.875rem;color:#64748b}.info-value{font-weight:700;color:#0f172a}.beta-badge{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:4px;letter-spacing:.05em}.related-list-sidebar{display:flex;flex-direction:column;gap:.5rem}.related-sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:12px;background:#f8fafc;border:1px solid transparent;color:#1e293b;font-size:.9375rem;font-weight:600;text-align:left;transition:all .2s ease;cursor:pointer}.related-sidebar-item:hover{background:#fff;border-color:#065f46;color:#065f46;transform:translate(5px)}.video-carousel{display:flex;flex-direction:column;gap:1rem}.video-title{font-size:.9375rem;font-weight:700;color:#1e293b;margin-bottom:.25rem;line-height:1.4}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;background:#000}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:1rem}.carousel-controls button{padding:.5rem;border-radius:50%;background:#f1f5f9;border:none;color:#64748b;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.carousel-controls button:hover{background:#e2e8f0;color:#0f172a}.carousel-controls span{font-size:.875rem;font-weight:700;color:#64748b}@media (max-width: 1024px){.help-article-container{flex-direction:column}.help-sidebar{width:100%}}.article-summary-card{margin:1.5rem 0 2.5rem;padding:1.5rem;background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:12px;font-size:1.05rem;color:var(--text-main);line-height:1.6;font-style:italic;box-shadow:inset 0 0 10px #00000005}.related-in-info{margin-top:1.5rem}.related-in-info h5{font-size:.7rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:.75rem;font-weight:800}.related-in-info .separator{height:1px;background:#f1f5f9;margin-bottom:1.25rem}.feedback-block h4{margin-bottom:1rem}.helpful-buttons{display:flex;gap:.75rem;margin-bottom:1.5rem}.vote-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border:1px solid var(--border-color);background:var(--bg-primary);border-radius:10px;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.vote-btn:hover{background:var(--bg-tertiary);border-color:var(--primary-color)}.vote-btn.yes.active{background:#ecfdf5;border-color:#10b981;color:#059669}.vote-btn.no.active{background:#fef2f2;border-color:#ef4444;color:#dc2626}.rating-section{margin-bottom:1.5rem}.rating-section p{font-size:.875rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.stars-wrapper{display:flex;gap:.25rem}.star-btn{background:none;border:none;padding:0;color:#e2e8f0;cursor:pointer;transition:transform .1s ease,color .2s ease}.star-btn:hover{transform:scale(1.1)}.star-btn.filled{color:#f59e0b}.comment-section textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;resize:vertical;margin-bottom:1.25rem;font-family:inherit}.submit-feedback-btn{width:100%;padding:.875rem;background:#065f46;color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.submit-feedback-btn:hover:not(:disabled){background:#047857;transform:translateY(-2px);box-shadow:0 4px 12px #065f4633}.submit-feedback-btn:disabled{background:#94a3b8;cursor:not-allowed;opacity:.6}.feedback-success{text-align:center;padding:2.5rem 1.5rem}.feedback-success .success-icon{color:#10b981;margin-bottom:1rem}[data-theme=dark] .feedback-success .success-icon{color:#fff!important}.feedback-success h4{color:#0f172a;margin-bottom:.5rem}.feedback-success p{font-size:.875rem;color:#64748b}.article-header-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2rem}.article-header-wrapper h1{margin:0;flex:1}.audio-reader-container{flex-shrink:0}.audio-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem 1.25rem;border-radius:50px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000000d}.audio-btn:hover{border-color:#065f46;color:#065f46;transform:translateY(-1px);box-shadow:0 4px 12px #065f461a}.audio-controls-group{display:flex;align-items:center;gap:.5rem;background:#f8fafc;padding:.4rem;border-radius:50px;border:1px solid #e2e8f0}.sidebar-block{background:var(--card-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}[data-theme=dark] .sidebar-block,[data-theme=dark] .feedback-block,[data-theme=dark] .video-carousel-block{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}.audio-controls-group .audio-btn{padding:.5rem 1rem;border:none;background:transparent;box-shadow:none}.audio-controls-group .audio-btn.stop{color:#ef4444}.audio-controls-group .audio-btn.stop:hover{background:#fef2f2}.playing-indicator{display:flex;align-items:flex-end;gap:3px;height:16px;padding:0 .5rem 0 1rem}.playing-indicator .bar{width:3px;background:#065f46;border-radius:1px;animation:play-anim .5s ease-in-out infinite alternate}.playing-indicator .bar:nth-child(2){animation-delay:.2s}.playing-indicator .bar:nth-child(3){animation-delay:.4s}@keyframes play-anim{0%{height:4px}to{height:16px}}@media (max-width: 768px){.article-header-wrapper{flex-direction:column;gap:1rem}}.audio-assistant{margin-top:1.5rem}.audio-assistant h5{font-size:.7rem;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em;margin-bottom:1rem;font-weight:800}.audio-assistant .separator{height:1px;background:#f1f5f9;margin-bottom:1.25rem}.audio-settings{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.setting-row{display:flex;flex-direction:column;gap:.5rem}.setting-row label{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;color:#64748b}.setting-row select{width:100%;padding:.5rem;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:.8125rem;color:#1e293b;cursor:pointer}.setting-row input[type=range]{width:100%;accent-color:#065f46}.audio-controls-sidebar{display:flex;gap:.5rem}.audio-sidebar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:10px;font-weight:700;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:none}.audio-sidebar-btn.play{background:#065f46;color:#fff}.audio-sidebar-btn.pause{background:#f59e0b;color:#fff}.audio-sidebar-btn.stop{flex:0 0 50px;background:#fef2f2;color:#ef4444;border:1px solid #fee2e2}.active-controls{display:flex;width:100%;gap:.5rem}.audio-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:#f8fafc;border-radius:12px;text-align:center;gap:.5rem}.audio-loading-state p{font-size:.8125rem;font-weight:600;color:#1e293b;margin:0}.audio-loading-state small{font-size:.6875rem;color:#94a3b8}.spin-icon{color:#065f46;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #e2e8f0}.help-category.sub h3{font-size:1rem;margin:0}.help-category.sub:hover{background:#fff;border-color:#065f46;box-shadow:0 4px 12px #0000000d}.markdown-content{line-height:1.8;color:#334155;font-size:1.1rem}.markdown-content h4{font-size:1.25rem;margin:2rem 0 1rem;color:var(--primary-color)}.markdown-content p{margin-bottom:1.25rem}.markdown-content strong{color:var(--text-main)}.markdown-content ul,.markdown-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.markdown-content li{margin-bottom:.5rem}.markdown-content blockquote{border-left:4px solid #e2e8f0;padding-left:1rem;margin:1.5rem 0;font-style:italic;color:#64748b}.terms-content p{margin-bottom:1rem;color:var(--text-muted)}.last-updated{color:var(--text-muted);font-style:italic;margin-bottom:2rem}.footer{background:#044d39;color:#fff;padding:80px 0 0;transition:background .3s ease}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;padding:0 2rem 60px}@media (max-width: 992px){.footer-container{grid-template-columns:1fr;text-align:center;gap:40px}}.footer-column h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.footer-phrase{color:#fffc;font-size:1rem;line-height:1.6;max-width:350px;margin-bottom:2rem}@media (max-width: 992px){.footer-phrase{margin-left:auto;margin-right:auto}}.footer-links-list{list-style:none;padding:0}.footer-links-list li{margin-bottom:.8rem}.footer-links-list a{color:#ffffffb3;text-decoration:none;transition:all .2s;font-size:.95rem}.footer-links-list a:hover{color:#fff;padding-left:5px}.footer-social-grid{display:flex;gap:12px}@media (max-width: 992px){.footer-social-grid{justify-content:center}}.footer-social-icon-box{width:42px;height:42px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;text-decoration:none}.footer-social-icon-box:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px);box-shadow:0 10px 20px #00000026}.footer-bottom{background:#00000026;padding:25px 0;border-top:1px solid rgba(255,255,255,.05)}.footer-bottom-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;color:#fff;font-size:.85rem}.fish-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.6}.fish{position:absolute;animation:swim linear infinite;color:var(--primary-color);opacity:.15}.fish-1{top:15%;left:-100px;animation-duration:25s}.fish-2{top:45%;left:-100px;animation-duration:35s;animation-delay:5s}.fish-3{top:75%;left:-100px;animation-duration:45s;animation-delay:2s}.fish-4{top:30%;left:-100px;animation-duration:30s;animation-delay:10s}@keyframes swim{0%{transform:translate(-100px) translateY(0) scaleX(1)}25%{transform:translate(25vw) translateY(20px) scaleX(1)}50%{transform:translate(50vw) translateY(-20px) scaleX(1)}75%{transform:translate(75vw) translateY(10px) scaleX(1)}to{transform:translate(calc(100vw + 100px)) translateY(0) scaleX(1)}}.footer-social-link{color:#ffffffb3;transition:all .2s;display:flex;align-items:center;justify-content:center}.footer-social-link:hover{color:#fff;transform:translateY(-2px)}.help-category-container,.help-article-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#065f46;font-weight:700;cursor:pointer;margin-bottom:1.5rem;padding:0;transition:transform .2s ease;width:fit-content}.back-btn:hover{background:#ecfdf5;transform:translate(-5px)}.articles-list{display:flex;flex-direction:column;gap:1rem;padding-bottom:4rem}.article-item{background:#fff;padding:1.5rem;border-radius:12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.article-item:hover{border-color:var(--primary-color);transform:translate(5px);box-shadow:0 4px 15px #0000000d}.article-info h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--text-main)}.article-info p{color:var(--text-muted);font-size:.9rem;margin:0}.help-content-view{max-width:900px;margin:0 auto;padding:40px 2rem}.help-article-content{flex:1;background:var(--card-bg);padding:3rem;border-radius:16px;box-shadow:var(--shadow-sm);min-width:0}[data-theme=dark] .help-article-content{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}.help-sidebar{width:350px;display:flex;flex-direction:column;gap:1.5rem}.help-article{background:var(--card-bg);padding:3rem;border-radius:16px;box-shadow:var(--shadow-sm);transition:all .3s ease}[data-theme=dark] .help-article{background:#ffffff0d!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important}[data-theme=dark] .help-article h1,[data-theme=dark] .help-article h2,[data-theme=dark] .help-article p,[data-theme=dark] .help-article li{color:#fff!important}.help-article h1{font-size:2.5rem;margin-bottom:2rem;color:var(--primary-color)}.no-content{text-align:center;padding:3rem;color:var(--text-muted);font-size:1.1rem}