:root{--bg:#0B1820;--bg1:#122030;--bg2:#1A2D3F;--accent:#1E6FFA;--gold:#E8A020;--text:#EDF2FF;--text2:#8FA3C8;--text3:#4D6080;--line:rgba(255,255,255,0.07);--success:#10B981;}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg);color:var(--text);font-family:'Inter',-apple-system,sans-serif;line-height:1.7;}
a{color:var(--accent);text-decoration:none;}a:hover{text-decoration:underline;}
.blog-nav{background:rgba(11,24,32,0.95);border-bottom:1px solid var(--line);padding:0 24px;position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);}
.blog-nav-inner{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px;height:56px;}
.blog-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--text);}
.sep{color:var(--text3);font-size:18px;}.section-label{color:var(--text2);font-size:13px;}
.nav-cta{margin-left:auto;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:13px;font-weight:600;cursor:pointer;}
.blog-wrap{max-width:760px;margin:0 auto;padding:48px 24px 80px;}
.blog-meta{display:flex;gap:16px;align-items:center;margin-bottom:32px;flex-wrap:wrap;}
.tag{background:rgba(30,111,250,0.15);color:var(--accent);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;letter-spacing:.05em;}
.date,.read{color:var(--text3);font-size:13px;}
.blog-title{font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.2;margin-bottom:20px;}
.blog-lede{font-size:18px;color:var(--text2);margin-bottom:40px;border-left:3px solid var(--accent);padding-left:16px;}
.toc{background:var(--bg1);border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:40px;}
.toc h2{font-size:14px;color:var(--text3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;}
.toc ol{padding-left:20px;}.toc li{margin-bottom:6px;}.toc a{color:var(--text2);font-size:14px;}
.blog-body h2{font-size:24px;font-weight:700;margin:40px 0 16px;}
.blog-body h3{font-size:18px;font-weight:600;margin:28px 0 12px;color:var(--text2);}
.blog-body p{margin-bottom:16px;color:var(--text2);}
.blog-body ul,.blog-body ol{padding-left:24px;margin-bottom:16px;color:var(--text2);}
.blog-body li{margin-bottom:8px;}.blog-body strong{color:var(--text);}
.blog-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:14px;}
.blog-body th{background:var(--bg2);padding:10px 14px;text-align:left;font-weight:600;border:1px solid var(--line);color:var(--text);}
.blog-body td{padding:10px 14px;border:1px solid var(--line);color:var(--text2);}
.blog-body tr:hover td{background:var(--bg1);}
.callout{background:rgba(30,111,250,0.08);border:1px solid rgba(30,111,250,0.25);border-radius:10px;padding:16px 20px;margin:24px 0;}
.callout strong{color:var(--accent);}
.warning{background:rgba(232,160,32,0.08);border:1px solid rgba(232,160,32,0.25);border-radius:10px;padding:16px 20px;margin:24px 0;}
.warning strong{color:var(--gold);}
.cta-box{background:linear-gradient(135deg,rgba(30,111,250,0.15),rgba(30,111,250,0.05));border:1px solid rgba(30,111,250,0.3);border-radius:16px;padding:32px;text-align:center;margin:48px 0;}
.cta-box h3{font-size:22px;margin-bottom:10px;}.cta-box p{color:var(--text2);margin-bottom:20px;}
.btn-cta{display:inline-block;background:var(--accent);color:#fff;border-radius:10px;padding:12px 28px;font-weight:700;font-size:15px;}
.btn-cta:hover{opacity:.9;text-decoration:none;}
.blog-footer{border-top:1px solid var(--line);padding:28px 24px;text-align:center;color:var(--text3);font-size:13px;}
.blog-footer a{color:var(--text3);margin:0 8px;}.blog-footer a:hover{color:var(--text);}
@media(max-width:600px){.blog-wrap{padding:32px 16px 60px;}.blog-body table{font-size:12px;}.blog-body th,.blog-body td{padding:8px;}}