:root{--blog-orange: #FF6B4A;--blog-text-dark: #1A1A1A;--blog-text-muted: #666666;--blog-bg-light: #F7EAE3;--blog-bg-newsletter: #F2E3DB;--blog-border: #EAEAEA;--blog-radius: 8px}body{background-color:var(--blog-bg-light)}.highlight{color:var(--blog-orange)}.blog-header,.featured-article,.article-grid-section,.newsletter-section{font-family:Inter,sans-serif}.blog-header{text-align:center;padding:120px 20px 40px}.blog-kicker{font-size:.75rem;font-weight:700;color:var(--blog-orange);text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:15px}.blog-title{font-size:3.8rem;font-weight:800;color:var(--blog-text-dark);margin-bottom:20px;letter-spacing:-1.5px}.blog-subtitle{font-size:1.1rem;color:var(--blog-text-muted);max-width:600px;margin:0 auto 40px;line-height:1.6}.blog-filters{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:20px}.filter-btn{background:#fff;border:none;padding:10px 24px;border-radius:20px;font-size:.9rem;font-weight:600;color:var(--blog-text-muted);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000005}.filter-btn:hover{color:var(--blog-orange)}.filter-btn.active{background-color:var(--blog-orange);color:#fff}.app-buttons{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center}.store-button{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.store-button img{height:50px;width:auto;display:block}.store-button:hover{transform:translateY(-4px)}.featured-article{padding:40px 20px 20px}.featured-card{display:flex;background:#fff;border-radius:var(--blog-radius);overflow:hidden;box-shadow:0 4px 20px #0000000d}.featured-image{flex:1.2;min-height:350px;background-color:#2f4f4f}.featured-image img{width:100%;height:100%;object-fit:cover}.featured-content{flex:1;padding:50px 40px;display:flex;flex-direction:column;justify-content:center}.article-category{font-size:.75rem;font-weight:700;color:var(--blog-orange);text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.featured-content h2{font-size:2.2rem;color:var(--blog-text-dark);margin-bottom:20px;line-height:1.2;font-weight:800;letter-spacing:-.5px}.featured-content p{font-size:1.05rem;color:var(--blog-text-muted);margin-bottom:30px;line-height:1.6}.article-meta{margin-bottom:40px}.author-info{display:flex;align-items:center;gap:12px}.author-avatar img{width:40px;height:40px;border-radius:50%;object-fit:cover}.author-details{display:flex;flex-direction:column}.author-name{font-size:.9rem;font-weight:700;color:var(--blog-text-dark)}.publish-date{font-size:.8rem;color:var(--blog-text-muted)}.read-more-link{color:var(--blog-orange);font-weight:700;text-decoration:none;font-size:.95rem;display:inline-flex;align-items:center;gap:5px}.read-more-link:hover{text-decoration:underline}.article-grid-section{padding:20px 20px 60px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.article-card{background:#fff;border-radius:var(--blog-radius);overflow:hidden;box-shadow:0 4px 15px #00000008;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000014}.card-image{height:200px;width:100%}.card-content{padding:25px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.category-tag{font-size:.7rem;font-weight:800;padding:4px 8px;border-radius:4px;background:#fff2ed;color:var(--blog-orange);text-transform:uppercase;letter-spacing:.5px}.read-time{font-size:.8rem;color:var(--blog-text-muted)}.card-content h3{font-size:1.25rem;color:var(--blog-text-dark);margin-bottom:12px;line-height:1.4;font-weight:800}.card-content p{font-size:.95rem;color:var(--blog-text-muted);margin-bottom:25px;line-height:1.5;flex:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid var(--blog-border)}.read-more{font-size:.95rem;font-weight:700;color:var(--blog-text-dark);text-decoration:none;transition:color .2s ease}.read-more:hover{color:var(--blog-orange)}.bookmark-btn{background:none;border:none;color:#ccc;cursor:pointer;transition:color .2s ease}.bookmark-btn:hover{color:var(--blog-orange)}.load-more-container{text-align:center;margin-top:50px}.btn-load-more{background:#fff;border:1px solid var(--blog-border);padding:12px 30px;border-radius:20px;font-size:.95rem;font-weight:700;color:var(--blog-text-dark);cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px #00000005}.btn-load-more:hover{border-color:var(--blog-orange);color:var(--blog-orange)}.newsletter-section{background-color:var(--blog-bg-newsletter);padding:80px 20px;text-align:center}.newsletter-section h2{font-size:2.2rem;color:var(--blog-text-dark);margin-bottom:15px;font-weight:800;letter-spacing:-.5px}.newsletter-section p{font-size:1.1rem;color:var(--blog-text-muted);margin-bottom:40px}.newsletter-form{display:flex;max-width:500px;margin:0 auto;gap:15px}.newsletter-form input{flex:1;padding:16px 20px;border:none;border-radius:8px;font-size:1rem;outline:none;font-family:inherit;box-shadow:0 2px 10px #0000000d}.newsletter-form input:focus{box-shadow:0 0 0 2px var(--blog-orange)}.btn-subscribe{background-color:var(--blog-orange);color:#fff;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}.btn-subscribe:hover{background-color:#e55a39}@media (max-width: 900px){.featured-card{flex-direction:column}.featured-image{min-height:250px}.article-grid{grid-template-columns:repeat(2,1fr)}.blog-title{font-size:2.8rem}}@media (max-width: 600px){.article-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.blog-header{padding:40px 20px 20px}.blog-title{font-size:2.2rem}.featured-content h2{font-size:1.8rem}.featured-content{padding:30px 20px}}.post-layout{display:grid;grid-template-columns:1fr 340px;gap:60px;padding:120px 20px 60px;align-items:flex-start}.post-header{margin-bottom:30px}.post-header .category-tag{display:inline-block;margin-bottom:15px}.post-title{font-size:2.8rem;font-weight:800;color:var(--blog-text-dark);line-height:1.15;margin-bottom:25px;letter-spacing:-1px}.post-meta-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--blog-border);padding-bottom:20px}.post-actions{display:flex;gap:10px}.icon-btn{background:none;border:none;color:var(--blog-text-muted);cursor:pointer;transition:color .2s;padding:5px}.icon-btn:hover{color:var(--blog-orange)}.post-cover-image{width:100%;height:400px;border-radius:var(--blog-radius);overflow:hidden;margin-bottom:40px;background:#e0e0e0}.post-content{font-size:1.1rem;line-height:1.8;color:var(--blog-text-dark)}.post-content p{margin-bottom:25px}.post-content h3{font-size:1.6rem;font-weight:800;margin:40px 0 15px;letter-spacing:-.5px}.post-content ul{margin:0 0 25px 20px}.post-content li{margin-bottom:10px}.post-tags{display:flex;gap:10px;margin:40px 0;flex-wrap:wrap}.post-tags .tag{background:#f0f0f0;color:var(--blog-text-muted);padding:6px 14px;border-radius:20px;font-size:.85rem;text-decoration:none;font-weight:600;transition:all .2s}.post-tags .tag:hover{background:var(--blog-orange);color:#fff}.enjoyed-read-banner{background:#fff5f0;border-radius:var(--blog-radius);padding:30px;display:flex;justify-content:space-between;align-items:center;margin-top:50px}.enjoyed-text h3{font-size:1.3rem;font-weight:800;margin-bottom:5px;color:var(--blog-text-dark)}.enjoyed-text p{font-size:.95rem;color:var(--blog-text-muted)}.btn-subscribe-small{background:var(--blog-orange);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;white-space:nowrap}.btn-subscribe-small:hover{background:#e55a39}.sidebar-widget{background:#fff;border-radius:var(--blog-radius);padding:30px;box-shadow:0 4px 15px #00000008;margin-bottom:30px}.newsletter-widget h3{font-size:1.2rem;font-weight:800;margin-bottom:10px}.newsletter-widget p{font-size:.9rem;color:var(--blog-text-muted);margin-bottom:20px;line-height:1.5}.sidebar-form input{width:100%;padding:12px;border:1px solid var(--blog-border);border-radius:6px;margin-bottom:10px;font-family:inherit}.sidebar-form button{width:100%;background:#1a1a1a;color:#fff;border:none;padding:12px;border-radius:6px;font-weight:700;cursor:pointer}.sidebar-form button:hover{background:#333}.widget-title{font-size:1.1rem;font-weight:800;margin-bottom:20px;position:relative;padding-left:12px}.widget-title:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:4px;background:var(--blog-orange);border-radius:2px}.related-item{display:flex;gap:15px;margin-bottom:20px;align-items:center}.related-item:last-child{margin-bottom:0}.related-img{width:70px;height:70px;border-radius:8px;overflow:hidden;flex-shrink:0}.related-text h4{font-size:.95rem;font-weight:700;line-height:1.3;margin-bottom:5px}.related-text a{color:var(--blog-text-dark);text-decoration:none}.related-text a:hover{color:var(--blog-orange)}.related-cat{font-size:.7rem;font-weight:800;color:var(--blog-text-muted);text-transform:uppercase;letter-spacing:.5px}.promo-widget{background:#1a1a1a;color:#fff;position:relative;overflow:hidden;min-height:250px;display:flex;flex-direction:column;justify-content:flex-end}.promo-widget:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url(/assets/hero_screenshot-C4KC0Sib.png) center/cover;opacity:.4;transition:transform .3s ease}.promo-widget:hover:before{transform:scale(1.05)}.promo-content{position:relative;z-index:2}.promo-kicker{font-size:.75rem;font-weight:800;color:var(--blog-orange);text-transform:uppercase;margin-bottom:10px;display:block;letter-spacing:1px}.promo-content h3{font-size:1.4rem;font-weight:800;margin-bottom:20px;line-height:1.3}.btn-promo-learn{display:inline-block;background:#fff;color:var(--blog-text-dark);padding:10px 20px;border-radius:4px;text-decoration:none;font-weight:700;font-size:.9rem}.btn-promo-learn:hover{background:#f0f0f0}@media (max-width: 900px){.post-layout{grid-template-columns:1fr}.enjoyed-read-banner{flex-direction:column;text-align:center;gap:20px}.post-title{font-size:2.2rem}}
