.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--c),#6366f1);z-index:100;width:0%;transition:width .1s linear;box-shadow:0 0 10px #00e5ff66}.blog-breadcrumb{display:none}.blog-breadcrumb a{color:var(--c);text-decoration:none;transition:opacity .2s}.blog-breadcrumb a:hover{opacity:.7}.blog-breadcrumb svg{opacity:.4}.blog-hero{position:relative;padding:140px var(--pad) 60px;text-align:center;overflow:hidden}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.06) 0%,transparent 70%);pointer-events:none}.blog-hero:after{content:"";position:absolute;top:80px;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,229,255,.03) 0%,transparent 70%);pointer-events:none}.blog-hero h1{font-family:Inter,sans-serif;font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:16px;position:relative;z-index:1}.blog-hero h1 span{color:var(--c)}.blog-hero p{font-size:16px;color:var(--muted);max-width:600px;margin:0 auto;line-height:1.7;position:relative;z-index:1}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;padding:0 var(--pad) 80px;max-width:1200px;margin:0 auto}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}}.blog-card{background:var(--bg2);border:1px solid var(--border2);border-radius:16px;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);border-color:var(--border);box-shadow:0 16px 48px #0006,0 0 40px #00e5ff0a}.blog-card-img{height:200px;background-size:cover;background-position:center;position:relative}.blog-card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,var(--bg2))}.blog-card-img svg{position:relative;z-index:1}.blog-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:#00e5ff14;color:var(--c);border:1px solid rgba(0,229,255,.15);width:fit-content;margin-bottom:12px}.blog-card h3{font-family:Inter,sans-serif;font-size:18px;font-weight:700;line-height:1.35;margin-bottom:10px;color:var(--white)}.blog-card h3 a{color:inherit;text-decoration:none;transition:color .2s}.blog-card h3 a:hover{color:var(--c)}.blog-card p{font-size:13.5px;color:var(--muted);line-height:1.7;flex:1;margin-bottom:16px}.blog-card-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#2d5a78b3;border-top:1px solid var(--border2);padding-top:14px;margin-top:auto}.blog-card-meta span{display:flex;align-items:center;gap:5px}.article-container{max-width:900px;margin:0 auto;padding:0 var(--pad) 80px}.article-hero{position:relative;padding:32px var(--pad) 48px;text-align:center;overflow:hidden}.article-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,229,255,.05) 0%,transparent 60%);pointer-events:none}.article-hero:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--c),transparent);opacity:.4}.article-tag{display:inline-flex;align-items:center;padding:5px 16px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;background:#00e5ff14;color:var(--c);border:1px solid rgba(0,229,255,.15);margin-bottom:24px}.article-hero h1{font-family:Inter,sans-serif;font-size:clamp(28px,4.5vw,42px);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:20px;max-width:860px;margin-left:auto;margin-right:auto}.article-meta{display:flex;align-items:center;justify-content:center;gap:24px;font-size:13px;color:var(--muted);flex-wrap:wrap}.article-meta span{display:flex;align-items:center;gap:6px}.article-meta .author-badge{display:inline-flex;align-items:center;gap:6px;background:#00e5ff0f;border:1px solid rgba(0,229,255,.1);padding:3px 10px 3px 4px;border-radius:20px}.article-meta .author-badge img{width:20px;height:20px;border-radius:50%}.article-body{font-size:17px;line-height:1.9;color:#f0f9ffd1}.article-body h2{font-family:Inter,sans-serif;font-size:24px;font-weight:700;margin:56px 0 20px;color:var(--white);letter-spacing:-.01em;padding-left:18px;border-left:3px solid var(--c);position:relative}.article-body h3{font-family:Inter,sans-serif;font-size:19px;font-weight:700;margin:40px 0 14px;color:var(--white);padding-left:18px;border-left:3px solid rgba(0,229,255,.2)}.article-body p{margin-bottom:22px}.article-body ul,.article-body ol{margin:0 0 28px 24px}.article-body li{margin-bottom:12px;line-height:1.75;padding-left:4px}.article-body li::marker{color:var(--c)}.article-body strong{color:var(--white);font-weight:600}.article-body a{color:var(--c);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#00e5ff4d;transition:text-decoration-color .2s}.article-body a:hover{text-decoration-color:var(--c)}.article-body blockquote{border-left:3px solid var(--c);padding:20px 28px;margin:32px 0;background:#00e5ff08;border-radius:0 14px 14px 0;font-style:italic;color:#f0f9ffa6;position:relative}.article-body blockquote:before{content:"\201c";position:absolute;top:-8px;left:12px;font-size:48px;color:var(--c);opacity:.15;font-family:Georgia,serif;line-height:1}.article-body .highlight-box{background:linear-gradient(135deg,#00e5ff0f,#6366f10a);border:1px solid rgba(0,229,255,.12);border-radius:14px;padding:28px 32px;margin:36px 0;position:relative;overflow:hidden}.article-body .highlight-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--c),#6366f1);border-radius:4px 0 0 4px}.article-body .highlight-box h4{font-family:Inter,sans-serif;font-size:14px;font-weight:700;color:var(--c);margin-bottom:10px;text-transform:uppercase;letter-spacing:.6px;display:flex;align-items:center;gap:8px}.article-body .highlight-box h4:before{content:"\1f4a1";font-size:16px}.article-body table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14px;border-radius:12px;overflow:hidden;border:1px solid var(--border2)}.article-body table th{text-align:left;padding:14px 18px;background:#00e5ff0d;border-bottom:1px solid var(--border);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--c)}.article-body table td{padding:13px 18px;border-bottom:1px solid var(--border2)}.article-body table tr:last-child td{border-bottom:none}.article-body table tr:hover td{background:#00e5ff05}.article-body .step-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#00e5ff1a;border:1px solid rgba(0,229,255,.2);color:var(--c);font-weight:700;font-size:13px;font-family:Inter,sans-serif;margin-right:10px;flex-shrink:0}.blog-cta{background:linear-gradient(135deg,#00e5ff0f,#6366f10d);border:1px solid rgba(0,229,255,.12);border-radius:20px;padding:48px 40px;text-align:center;margin:56px 0;position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(0,229,255,.04) 0%,transparent 70%);pointer-events:none}.blog-cta h3{font-family:Inter,sans-serif;font-size:26px;font-weight:700;margin-bottom:12px;position:relative}.blog-cta p{color:var(--muted);margin-bottom:28px;font-size:15px;max-width:480px;margin-left:auto;margin-right:auto;position:relative;line-height:1.7}.blog-cta .pill{display:inline-flex;align-items:center;gap:8px;padding:15px 36px;background:var(--c);color:var(--bg);font-weight:700;font-size:15px;border-radius:50px;text-decoration:none;transition:transform .2s,box-shadow .2s;position:relative}.blog-cta .pill:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00e5ff4d}.related-section{padding:48px 0 0;border-top:1px solid var(--border2);margin-top:56px}.related-section h3{font-family:Inter,sans-serif;font-size:20px;font-weight:700;margin-bottom:24px;display:flex;align-items:center;gap:10px}.related-section h3:before{content:"";width:4px;height:20px;background:var(--c);border-radius:2px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.article-share{display:flex;align-items:center;justify-content:center;gap:12px;padding:24px 0;margin:8px 0 36px;border-bottom:1px solid var(--border2)}.article-share span{font-size:12px;color:var(--muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.article-share a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#00e5ff0d;border:1px solid rgba(0,229,255,.1);color:var(--muted);text-decoration:none;transition:all .2s}.article-share a:hover{background:#00e5ff1a;border-color:var(--c);color:var(--c);transform:translateY(-2px)}.article-toc{background:#00e5ff08;border:1px solid rgba(0,229,255,.08);border-radius:14px;padding:24px 28px;margin:0 0 40px}.article-toc h4{font-family:Inter,sans-serif;font-size:13px;font-weight:700;color:var(--c);text-transform:uppercase;letter-spacing:.6px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.article-toc ol{list-style:none;margin:0;padding:0;counter-reset:toc}.article-toc li{counter-increment:toc;margin-bottom:8px;padding-left:0}.article-toc li:before{content:counter(toc) ".";color:var(--c);font-weight:600;font-size:12px;margin-right:8px;opacity:.6}.article-toc a{color:#f0f9ffb3;text-decoration:none;font-size:14px;transition:color .2s;line-height:1.5}.article-toc a:hover{color:var(--c)}.article-body .faq-item{border:1px solid var(--border2);border-radius:12px;padding:20px 24px;margin-bottom:12px;transition:border-color .2s}.article-body .faq-item:hover{border-color:#00e5ff26}.article-body .faq-item h4,.article-body .faq-item strong:first-child{color:var(--white);font-size:15px;margin-bottom:8px}.blog-footer{border-top:1px solid var(--border2);padding:40px var(--pad);text-align:center;font-size:13px;color:#2d5a7880}.blog-footer a{color:var(--c);text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.article-hero,.article-container{animation:fadeUp .6s ease-out}.blog-card{animation:fadeUp .5s ease-out both}.blog-card:nth-child(1){animation-delay:.05s}.blog-card:nth-child(2){animation-delay:.1s}.blog-card:nth-child(3){animation-delay:.15s}.blog-card:nth-child(4){animation-delay:.2s}.blog-card:nth-child(5){animation-delay:.25s}.blog-card:nth-child(6){animation-delay:.3s}@media print{.reading-progress,.blog-breadcrumb,.article-share,.blog-cta,.related-section,nav,.blog-footer{display:none!important}.article-body{color:#222}.article-body h2,.article-body h3{color:#000;border-left-color:#333}}.article-body .tldr{background:linear-gradient(135deg,rgba(0,229,255,.07),rgba(0,229,255,.02));border-left:3px solid #00e5ff;border-radius:6px;padding:18px 22px;margin:0 0 32px 0;font-size:16.5px;line-height:1.7;color:rgba(240,249,255,.92)}.article-body .tldr strong{color:#00e5ff;font-weight:700;letter-spacing:.04em}