:root{
  --neon:#ff2e92; --magenta:#c70f6a; --midnight:#0b0710; --aubergine:#2a0f30;
  --mulberry:#4c1640; --graphite:#241c29; --gold:#e8b563; --blush:#f9dcec;
  --pearl:#f8f4f7; --ink:#26202c; --slate:#52495c; --line:rgba(255,46,146,.22); --line-gold:rgba(232,181,99,.34);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Work Sans',sans-serif;background:var(--pearl);color:var(--ink);line-height:1.72;font-size:1.06rem;font-weight:400}
h1,h2,h3,h4{font-family:'Outfit',sans-serif}
a{color:inherit;text-decoration:none}
.wrap{max-width:1140px;margin:0 auto;padding:0 22px}
/* NAV (dark) */
header{position:sticky;top:0;z-index:50;background:rgba(11,7,16,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(232,181,99,.16)}
nav{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;max-width:1140px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;font-family:'Outfit';font-weight:700;font-size:1.05rem;letter-spacing:.5px;color:#fff}
.brand img{height:44px;width:44px;border-radius:50%;box-shadow:0 0 18px rgba(255,46,146,.55)}
.navlinks{display:flex;gap:24px;align-items:center}
.navlinks a{color:#e2d9ec;font-size:.92rem;transition:.2s}
.navlinks a:hover{color:var(--neon)}
.btn{display:inline-block;font-family:'Outfit';background:linear-gradient(135deg,var(--neon),var(--magenta));color:#fff;padding:11px 24px;border-radius:40px;font-weight:600;font-size:.92rem;border:none;cursor:pointer;transition:.25s;box-shadow:0 0 22px rgba(255,46,146,.35)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(255,46,146,.5)}
.burger{display:none;background:none;border:none;color:var(--neon);font-size:1.5rem;cursor:pointer}
/* POST HERO (dark) */
.post-hero{background:radial-gradient(ellipse at 50% -20%,rgba(255,46,146,.28),transparent 55%),linear-gradient(180deg,#160a1d,#2a0f30 70%,#1a0c22);padding:74px 0 64px;text-align:center;color:#fff}
.post-hero .cat{display:inline-block;color:var(--gold);letter-spacing:3px;font-size:.74rem;font-weight:700;text-transform:uppercase;margin-bottom:16px}
.post-hero h1{font-size:clamp(2rem,4.6vw,3.2rem);font-weight:800;line-height:1.1;letter-spacing:-.8px;max-width:880px;margin:0 auto;text-shadow:0 0 34px rgba(255,46,146,.28)}
.post-hero .meta{margin-top:18px;color:#cdbfe0;font-size:.9rem}
.post-hero .meta b{color:var(--gold);font-weight:600}
/* ARTICLE (light) */
.article{max-width:760px;margin:0 auto;padding:56px 22px 20px}
.article .lead{font-size:1.24rem;line-height:1.6;color:var(--ink);font-weight:400;margin-bottom:28px}
.article h2{font-size:1.6rem;color:var(--magenta);font-weight:700;margin:38px 0 12px;letter-spacing:-.4px}
.article h3{font-size:1.18rem;color:var(--midnight);font-weight:700;margin:26px 0 8px}
.article p{margin-bottom:18px;color:#352d3d}
.article ul,.article ol{margin:0 0 20px 22px}
.article li{margin-bottom:10px;color:#352d3d}
.article strong{color:var(--midnight)}
.article a.inline{color:var(--magenta);font-weight:600;border-bottom:1px solid var(--line)}
.article a.inline:hover{color:var(--neon)}
.numbered{list-style:none;margin-left:0;counter-reset:n}
.numbered>li{position:relative;padding:4px 0 4px 52px;margin-bottom:18px;counter-increment:n}
.numbered>li::before{content:counter(n);position:absolute;left:0;top:2px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--neon),var(--magenta));color:#fff;font-family:'Outfit';font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.95rem;box-shadow:0 4px 14px rgba(255,46,146,.3)}
.numbered>li h3{margin-top:0}
.callout{background:#fff;border:1px solid #eddbe9;border-left:4px solid var(--gold);border-radius:12px;padding:18px 22px;margin:26px 0;box-shadow:0 8px 26px rgba(74,19,64,.06)}
.callout b{color:var(--magenta)}
/* CTA */
.post-cta{max-width:760px;margin:34px auto;padding:0 22px}
.post-cta .box{background:linear-gradient(135deg,var(--magenta),var(--aubergine));border-radius:18px;padding:34px;text-align:center;color:#fff;box-shadow:0 16px 44px rgba(199,15,106,.22)}
.post-cta h3{font-size:1.5rem;font-weight:800;margin-bottom:8px;color:#fff}
.post-cta p{color:var(--blush);margin-bottom:18px}
/* BLOG INDEX */
.bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:56px 0}
.bcard{background:#fff;border:1px solid #eedce9;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(74,19,64,.07);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease;display:flex;flex-direction:column}
.bcard:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(74,19,64,.13)}
.bcard .ph{height:120px;background:linear-gradient(135deg,var(--neon),var(--magenta));position:relative}
.bcard:nth-child(2) .ph{background:linear-gradient(135deg,var(--gold),#d98b3a)}
.bcard:nth-child(3) .ph{background:linear-gradient(135deg,var(--mulberry),var(--aubergine))}
.bcard .bbody{padding:22px;display:flex;flex-direction:column;flex:1}
.bcard .cat{color:var(--magenta);font-size:.7rem;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.bcard h2{font-size:1.18rem;color:var(--midnight);font-weight:700;line-height:1.3;margin-bottom:8px}
.bcard p{color:var(--slate);font-size:.94rem;flex:1}
.bcard .more{color:var(--magenta);font-weight:600;font-size:.9rem;margin-top:14px}
/* FOOTER (dark) */
footer{background:#070509;border-top:1px solid var(--line);padding:46px 0 30px;text-align:center;color:#e2d9ec}
footer .brand{justify-content:center;margin-bottom:14px}
footer p{color:#cdc1da;font-size:.86rem;max-width:760px;margin:8px auto}
footer a.gold{color:var(--gold)}
footer .legal{font-size:.74rem;color:#9a8fa6;margin-top:14px}
@media(max-width:900px){.navlinks{display:none}.burger{display:block}.bloggrid{grid-template-columns:1fr}}

.article .post-img{display:block;max-width:440px;width:100%;margin:20px auto;border-radius:14px;border:1px solid #eedce9;box-shadow:0 10px 28px rgba(74,19,64,.09)}
.article .photo{width:100%;border-radius:14px;margin:22px 0;border:1px solid #eedce9;box-shadow:0 10px 28px rgba(74,19,64,.09)}