*{margin:0;padding:0;box-sizing:border-box}
body{background:#0a0e17;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;padding-bottom:80px}
.wrap{max-width:800px;margin:0 auto;padding:20px}
a{color:#4fc3f7;text-decoration:none}
h1{font-size:1.8rem;color:#fff;margin:20px 0;background:linear-gradient(135deg,#4fc3f7,#7c4dff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
h2{font-size:1.3rem;color:#4fc3f7;margin:24px 0 12px;padding-bottom:6px;border-bottom:1px solid #1e2a3a}
h3{font-size:1rem;color:#fff;margin:16px 0 8px}
p{font-size:0.95rem;color:#9aaec9;line-height:1.8;margin-bottom:12px}
ul,ol{list-style:none;margin:10px 0 16px}
ul li,ol li{padding:4px 0 4px 16px;font-size:0.92rem;color:#9aaec9;position:relative}
ul li:before{content:"▸";position:absolute;left:0;color:#4fc3f7}
ol{counter-reset:item;padding-left:0}
ol li{padding-left:30px}
ol li:before{content:counter(item) ".";counter-increment:item;position:absolute;left:0;color:#4fc3f7;font-weight:700}
.blog-meta{font-size:0.8rem;color:#6a8aaa;margin-bottom:20px}
.back{display:inline-block;margin-bottom:16px;padding:6px 16px;border:1px solid #4fc3f7;border-radius:20px;font-size:13px;color:#4fc3f7}
.back:hover{background:#4fc3f722}
.cta-box{background:#111827;border:1px solid #4fc3f7;border-radius:12px;padding:20px;margin:24px 0;text-align:center}
.cta-box p{font-size:0.9rem;margin-bottom:12px;color:#9aaec9}
.cta-btn{display:inline-block;padding:10px 32px;background:linear-gradient(135deg,#4fc3f7,#7c4dff);border:none;border-radius:8px;color:#0a0e17;font-weight:700;font-size:15px}
.cta-btn:hover{box-shadow:0 0 20px rgba(79,195,247,.6)}
pre{background:#111827;border:1px solid #1e2a3a;border-radius:8px;padding:14px;overflow-x:auto;font-size:0.82rem;color:#9aaec9;margin:12px 0}
table{width:100%;border-collapse:collapse;margin:12px 0;font-size:0.88rem}
th,td{padding:8px 12px;text-align:left;border:1px solid #1e2a3a}
th{background:#111827;color:#4fc3f7}
td{color:#9aaec9}
.fbar{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(135deg,#1a0840,#0d1f3a);border-top:2px solid #4fc3f7;z-index:9999;padding:8px 20px;display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}
.fbar span{color:#4fc3f7;font-weight:700;font-size:14px}
.fbar .tg-btn{padding:8px 28px;background:linear-gradient(135deg,#4fc3f7,#7c4dff);border:none;border-radius:8px;color:#0a0e17;text-decoration:none;font-weight:700;font-size:14px}
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:20px 0}
.blog-card{background:#111827;border:1px solid #1e2a3a;border-radius:12px;padding:16px;transition:border-color .2s}
.blog-card:hover{border-color:#4fc3f7}
.blog-card h3{font-size:1rem;margin-bottom:6px;color:#fff}
.blog-card h3 a{color:#fff}
.blog-card .excerpt{font-size:0.82rem;color:#8a9bb5;line-height:1.5;margin-bottom:8px}
.blog-card .meta{font-size:0.72rem;color:#5a6a7a}