.blog-page{font-family:Poppins,-apple-system,sans-serif;background:#fafafa;color:#111118;min-height:100vh;-webkit-font-smoothing:antialiased}body:has(.blog-page){overflow:auto;height:auto}.blog-nav{position:sticky;top:0;z-index:100;justify-content:space-between;padding:16px 40px;max-width:1100px;margin:0 auto;backdrop-filter:blur(20px);background:hsla(0,0%,98%,.85)}.blog-nav,.blog-nav-logo{display:flex;align-items:center}.blog-nav-logo{gap:10px;font-weight:800;font-size:20px;color:#111118;text-decoration:none}.blog-nav-icon{width:32px;height:32px;background:linear-gradient(135deg,#f97316,#f43f5e,#d946ef);border-radius:8px;display:grid;place-items:center;font-size:16px}.blog-nav-cta{padding:8px 20px;background:linear-gradient(135deg,#f97316,#f43f5e,#d946ef);color:#fff;border-radius:100px;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s}.blog-nav-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}.blog-header{text-align:center;padding:80px 24px 48px;max-width:700px;margin:0 auto}.blog-header-tag{display:inline-block;padding:6px 16px;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(217,70,239,.08));border:1px solid rgba(244,63,94,.12);border-radius:100px;font-size:12px;font-weight:600;color:#f43f5e;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px}.blog-header h1{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:16px}.blog-header p{font-size:18px;color:#585870;line-height:1.6}.blog-grid{max-width:1000px;margin:0 auto;padding:0 24px 64px;display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:24px}.blog-card{display:block;padding:32px;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:16px;text-decoration:none;color:inherit;transition:all .4s ease;position:relative;overflow:hidden}.blog-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f97316,#f43f5e,#d946ef);transform:scaleX(0);transition:transform .3s ease}.blog-card:hover{transform:translateY(-6px);border-color:rgba(244,63,94,.25);box-shadow:0 20px 60px rgba(0,0,0,.08)}.blog-card:hover:after{transform:scaleX(1)}.blog-card-emoji{font-size:32px;margin-bottom:16px}.blog-card-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(217,70,239,.08));border-radius:100px;font-size:11px;font-weight:600;color:#f43f5e;margin-bottom:12px}.blog-card h2{font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;margin-bottom:10px}.blog-card p{font-size:14px;color:#585870;line-height:1.7;margin-bottom:16px}.blog-card-meta{display:flex;gap:8px;font-size:12px;color:#9e9eb6}.blog-article{max-width:740px;margin:0 auto;padding:60px 24px 40px}.blog-article-meta{display:flex;align-items:center;gap:16px;margin-bottom:32px}.blog-back{font-size:14px;color:#585870;text-decoration:none;transition:color .2s}.blog-back:hover{color:#f43f5e}.blog-article-tag{padding:4px 12px;background:linear-gradient(135deg,rgba(249,115,22,.08),rgba(217,70,239,.08));border-radius:100px;font-size:11px;font-weight:600;color:#f43f5e}.blog-article-title{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:20px}.blog-article-info{display:flex;gap:10px;font-size:14px;color:#9e9eb6;margin-bottom:48px;flex-wrap:wrap}.blog-content{line-height:1.8}.blog-h2{font-size:26px;font-weight:800;letter-spacing:-.5px;margin:48px 0 16px;color:#111118}.blog-h3{font-size:20px;font-weight:700;margin:36px 0 12px;color:#111118}.blog-p{font-size:16px;color:#3a3a4f;line-height:1.85;margin-bottom:20px}.blog-ul{margin:0 0 24px;padding-left:0;list-style:none}.blog-ul li{position:relative;padding-left:24px;font-size:16px;color:#3a3a4f;line-height:1.85;margin-bottom:8px}.blog-ul li:before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#f97316,#f43f5e,#d946ef)}.blog-table-wrap{overflow-x:auto;margin:24px 0 32px;border-radius:12px;border:1px solid rgba(0,0,0,.07)}.blog-table{width:100%;border-collapse:collapse;font-size:14px}.blog-table th{background:#f4f5f8;padding:12px 16px;text-align:left;font-weight:700;color:#111118;border-bottom:1px solid rgba(0,0,0,.07);white-space:nowrap}.blog-table td{padding:10px 16px;border-bottom:1px solid rgba(0,0,0,.04);color:#585870}.blog-table tr:last-child td{border-bottom:none}.blog-table tr:hover td{background:rgba(244,63,94,.02)}.blog-article-cta{margin-top:64px;padding:40px;background:linear-gradient(135deg,rgba(249,115,22,.04),rgba(217,70,239,.04));border:1px solid rgba(244,63,94,.12);border-radius:20px;text-align:center}.blog-article-cta h3{font-size:24px;font-weight:800;margin-bottom:8px}.blog-article-cta p{font-size:16px;color:#585870;margin-bottom:24px}.blog-cta-banner{max-width:800px;margin:0 auto 64px;padding:48px 40px;background:linear-gradient(135deg,rgba(249,115,22,.04),rgba(217,70,239,.04));border:1px solid rgba(244,63,94,.12);border-radius:20px;text-align:center}.blog-cta-banner h3{font-size:24px;font-weight:800;margin-bottom:8px}.blog-cta-banner p{font-size:16px;color:#585870;margin-bottom:24px}.blog-cta-btn{display:inline-block;padding:14px 36px;background:linear-gradient(135deg,#f97316,#f43f5e,#d946ef);color:#fff;border-radius:100px;font-weight:600;font-size:15px;text-decoration:none;transition:all .35s;box-shadow:0 4px 24px rgba(244,63,94,.2)}.blog-cta-btn:hover{transform:translateY(-3px);box-shadow:0 8px 40px rgba(244,63,94,.25);filter:brightness(1.1)}.blog-related{max-width:1000px;margin:0 auto;padding:0 24px 64px}.blog-related h3{font-size:24px;font-weight:800;margin-bottom:24px;text-align:center}.blog-footer{padding:32px 24px;border-top:1px solid rgba(0,0,0,.07);text-align:center}.blog-footer p{font-size:13px;color:#9e9eb6}@media (max-width:900px){.blog-nav{padding:14px 20px}.blog-grid{grid-template-columns:1fr}.blog-article-cta,.blog-cta-banner{padding:32px 24px}}