*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:#04040C;color:#F2F0FF;min-height:100vh;}
a{color:inherit;}
.container{max-width:720px;margin:0 auto;padding:0 20px 60px;}

/* ---- Top nav (shared) ---- */
.blog-nav{display:flex;align-items:center;justify-content:space-between;max-width:720px;margin:0 auto;padding:22px 20px;}
.blog-nav .logo{font-family:'Syne',sans-serif;font-weight:800;font-size:1.05rem;text-decoration:none;}
.blog-nav .back{font-size:0.82rem;color:#a78bfa;text-decoration:none;font-weight:600;}

/* ---- Index page hero ---- */
.blog-hero{padding:20px 0 30px;text-align:center;}
.eyebrow{font-size:0.72rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#06EFC5;margin-bottom:10px;}
.blog-hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.9rem,7vw,2.6rem);letter-spacing:-1px;margin-bottom:12px;}
.blog-hero h1 span{background:linear-gradient(135deg,#7B5CF0,#06EFC5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.blog-hero p{color:#6B6A80;font-size:0.92rem;line-height:1.6;max-width:480px;margin:0 auto;}

/* ---- Search + tag filter ---- */
.search-box{margin:26px 0 16px;}
.search-box input{width:100%;background:#111122;border:1px solid #1E1E36;border-radius:10px;padding:13px 16px;color:#F2F0FF;font-family:'Inter',sans-serif;font-size:0.9rem;outline:none;}
.search-box input:focus{border-color:#7B5CF0;}
.search-box input::placeholder{color:#4a4a63;}
.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;}
.tag-chip{font-size:0.74rem;font-weight:600;padding:6px 13px;border-radius:20px;border:1px solid #1E1E36;background:#111122;color:#a8a6c0;cursor:pointer;transition:all .15s;position:relative;}
.tag-chip::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#3a3a52;margin-right:6px;}
.tag-chip.active{border-color:#06EFC5;color:#06EFC5;background:rgba(6,239,197,0.08);}
.tag-chip.active::before{background:#06EFC5;}

/* ---- Post cards (index) ---- */
.post-list{display:flex;flex-direction:column;gap:14px;}
.post-card{display:block;background:#111122;border:1px solid #1E1E36;border-top:2px dashed #2a2a45;border-radius:14px;padding:20px 20px 18px;text-decoration:none;}
.post-card .meta-row{display:flex;gap:10px;align-items:center;margin-bottom:9px;flex-wrap:wrap;}
.post-card .tag-mini{font-size:0.66rem;font-weight:700;color:#06EFC5;text-transform:uppercase;letter-spacing:0.5px;}
.post-card .dot{color:#3a3a52;font-size:0.66rem;}
.post-card .date{font-size:0.72rem;color:#6B6A80;}
.post-card h2{font-family:'Syne',sans-serif;font-size:1.12rem;font-weight:700;margin-bottom:7px;line-height:1.35;}
.post-card p{font-size:0.85rem;color:#8886a0;line-height:1.55;}
.post-card .read-more{display:inline-block;margin-top:10px;font-size:0.78rem;color:#a78bfa;font-weight:600;}
.no-results{text-align:center;color:#6B6A80;padding:40px 0;font-size:0.88rem;}

/* ---- Individual post page ---- */
.post-header{padding:8px 0 26px;border-bottom:1px solid #1E1E36;margin-bottom:28px;}
.post-tags{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap;}
.post-tags a{font-size:0.7rem;font-weight:700;color:#06EFC5;text-transform:uppercase;letter-spacing:0.5px;text-decoration:none;border:1px solid rgba(6,239,197,0.3);padding:4px 10px;border-radius:20px;}
.post-header h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(1.6rem,6vw,2.1rem);line-height:1.25;letter-spacing:-0.5px;margin-bottom:14px;}
.post-byline{font-size:0.8rem;color:#6B6A80;}

.post-body{font-size:0.98rem;line-height:1.8;color:#dcdaf0;}
.post-body h2{font-family:'Syne',sans-serif;font-weight:700;font-size:1.3rem;color:#F2F0FF;margin:34px 0 14px;letter-spacing:-0.3px;}
.post-body p{margin-bottom:16px;}
.post-body ul,.post-body ol{margin:0 0 16px 22px;}
.post-body li{margin-bottom:8px;}
.post-body strong{color:#F2F0FF;}
.post-body .callout{background:rgba(123,92,240,0.08);border:1px solid rgba(123,92,240,0.25);border-radius:12px;padding:16px 18px;font-size:0.9rem;color:#a8a6c0;margin:20px 0;}
.post-body .callout b{color:#F2F0FF;}

.faq-item{border-bottom:1px solid #1E1E36;padding:16px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-item .q{font-weight:700;font-size:0.94rem;margin-bottom:8px;color:#F2F0FF;}
.faq-item .a{font-size:0.9rem;color:#9391aa;line-height:1.7;}

.post-cta{background:linear-gradient(135deg,#7B5CF0,#5b3fe8);border-radius:16px;padding:26px 22px;text-align:center;margin:38px 0 10px;}
.post-cta p{color:rgba(255,255,255,0.85);font-size:0.85rem;margin-bottom:14px;}
.post-cta a{display:inline-block;background:#fff;color:#5b3fe8;font-weight:700;font-size:0.88rem;padding:12px 26px;border-radius:8px;text-decoration:none;}

.back-to-blog{display:block;text-align:center;margin-top:24px;font-size:0.82rem;color:#6B6A80;text-decoration:none;}