.blog-page,.post-page{--blog-w:100%;--post-w:100%;--blog-gutter:clamp(16px,3.2vw,72px)}.blog-page{background:var(--grad-soft)}.blog-hero{position:relative;overflow:hidden;background:var(--grad-hero);color:#fff;padding:clamp(96px,12vw,150px) var(--blog-gutter) clamp(56px,7vw,84px)}.blog-hero:after,.blog-hero:before{content:"";position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none}.blog-hero:before{top:-140px;right:-80px;width:380px;height:380px;background:radial-gradient(circle at center,rgba(233,30,99,.42),transparent 68%)}.blog-hero:after{bottom:-180px;left:-100px;width:420px;height:420px;background:radial-gradient(circle at center,rgba(156,39,176,.4),transparent 70%)}.blog-hero__inner{position:relative;z-index:1;max-width:var(--blog-w);margin-inline:auto}.blog-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 15px;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.blog-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--pink-400)}.blog-hero h1{margin:0;max-width:16ch;color:#fff;font-size:clamp(34px,5.4vw,62px);font-weight:800;line-height:1.03;letter-spacing:-.02em}.blog-hero p{margin:22px 0 0;max-width:62ch;color:rgba(255,255,255,.82);font-size:clamp(16px,1.35vw,19px);line-height:1.6}.blog-tabs{position:-webkit-sticky;position:sticky;top:78px;z-index:20;display:flex;flex-wrap:wrap;gap:8px;max-width:var(--blog-w);margin:-30px auto 0;padding:12px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:calc(100% - 2 * var(--blog-gutter))}.blog-tab{flex:1 1 auto;padding:12px 18px;text-align:center;font-size:14px;font-weight:600;color:var(--body);border-radius:12px;transition:color .18s ease,background-color .18s ease,box-shadow .18s ease}.blog-tab:hover{color:var(--purple-600);background:var(--violet-50)}.blog-tab.is-active{color:#fff;background:var(--grad-primary);box-shadow:var(--shadow-pink)}.blog-listing{max-width:var(--blog-w);margin-inline:auto;padding:clamp(40px,6vw,72px) var(--blog-gutter) clamp(64px,8vw,110px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:clamp(22px,2.4vw,34px);gap:clamp(22px,2.4vw,34px)}.blog-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,border-color .28s ease}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:var(--line-2)}.blog-card__media{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--violet-100)}.blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.blog-card:hover .blog-card__media img{transform:scale(1.05)}.blog-card__tag{position:absolute;top:14px;left:14px;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--purple-700);background:rgba(255,255,255,.94);border-radius:999px;box-shadow:var(--shadow-sm)}.blog-card__body{display:flex;flex-direction:column;flex:1 1;padding:22px 22px 24px}.blog-card__title{margin:0 0 10px;font-size:19px;font-weight:700;line-height:1.32;letter-spacing:-.01em;color:var(--ink-2)}.blog-card__excerpt{margin:0 0 20px;color:var(--body);font-size:14.5px;line-height:1.6}.blog-card__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.blog-card__meta{display:flex;align-items:center;gap:8px;color:var(--body-2);font-size:12.5px}.blog-card__meta span{display:inline-flex;align-items:center;gap:5px}.blog-card__meta svg{width:14px;height:14px}.blog-card__cta{display:inline-flex;align-items:center;gap:6px;color:var(--purple-600);font-size:13.5px;font-weight:600}.blog-card__cta svg{width:16px;height:16px;transition:transform .2s ease}.blog-card:hover .blog-card__cta svg{transform:translateX(3px)}.blog-card a.blog-card__link{position:absolute;inset:0;z-index:1}.blog-card{position:relative}.blog-card__foot .blog-card__cta{position:relative;z-index:2}.post-page{background:var(--grad-soft)}.post-hero{position:relative;background:var(--grad-hero);color:#fff;padding:clamp(96px,11vw,138px) var(--blog-gutter) clamp(120px,15vw,190px);overflow:hidden}.post-hero:after{content:"";position:absolute;bottom:-160px;right:-120px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle at center,rgba(233,30,99,.38),transparent 70%);filter:blur(10px)}.post-hero__inner{position:relative;z-index:1;max-width:var(--post-w);margin-inline:auto}.post-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;font-size:13px;color:rgba(255,255,255,.72)}.post-breadcrumb a{color:rgba(255,255,255,.9);font-weight:500}.post-breadcrumb a:hover{color:#fff;text-decoration:underline}.post-breadcrumb span[aria-hidden]{opacity:.5}.post-chip{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;padding:7px 15px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:999px}.post-hero h1{margin:0;color:#fff;font-size:clamp(30px,4.6vw,50px);font-weight:800;line-height:1.08;letter-spacing:-.02em}.post-meta{display:flex;flex-wrap:wrap;gap:18px;margin:26px 0 0;color:rgba(255,255,255,.8);font-size:14px}.post-meta span{display:inline-flex;align-items:center;gap:7px}.post-meta svg{width:16px;height:16px}.post-shell{max-width:var(--post-w);margin:clamp(-100px,-11vw,-150px) auto 0;padding:0 var(--blog-gutter) clamp(56px,7vw,90px);position:relative;z-index:2}.post-figure{margin:0 0 clamp(28px,4vw,46px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);aspect-ratio:16/8;max-height:clamp(320px,42vw,540px);background:var(--violet-100)}.post-figure img{width:100%;height:100%;object-fit:cover}.post-layout{display:grid;grid-template-columns:minmax(0,1fr) clamp(320px,24vw,420px);grid-gap:clamp(28px,2.6vw,56px);gap:clamp(28px,2.6vw,56px);align-items:start}.post-main{min-width:0}.post-aside{position:relative}.post-aside__inner{position:-webkit-sticky;position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}.post-toc{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px 22px 10px}.post-toc__title{margin:0 0 12px;color:var(--purple-700);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.post-toc ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.post-toc li{margin:0}.post-toc a{display:block;padding:8px 12px;margin:0 0 2px;color:var(--body);font-size:13.5px;line-height:1.45;font-weight:500;border-left:2px solid var(--line);border-radius:0 8px 8px 0;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.post-toc a:hover{color:var(--purple-700);background:var(--violet-50);border-left-color:var(--purple-500)}.post-aside__card{background:var(--grad-hero);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:26px 24px}.post-aside__eyebrow{margin:0 0 8px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.78)}.post-aside__card h2{margin:0 0 8px;color:#fff;font-size:19px;font-weight:700;line-height:1.25}.post-aside__card p{margin:0 0 18px;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55}.post-aside__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:600;color:var(--purple-800);background:#fff;border-radius:10px;transition:transform .2s ease}.post-aside__btn:hover{transform:translateY(-2px)}.post-aside__btn svg{width:16px;height:16px}.post-card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:clamp(28px,5vw,60px)}.blog-content{color:var(--body);font-size:17px;line-height:1.75}.blog-content>:first-child{margin-top:0}.blog-content>:last-child{margin-bottom:0}.blog-content p{margin:0 0 1.35em}.blog-content h2{margin:2em 0 .7em;color:var(--ink-2);font-size:clamp(22px,2.6vw,28px);font-weight:700;line-height:1.25;letter-spacing:-.01em;padding-top:.3em;scroll-margin-top:100px}.blog-content h3{margin:1.7em 0 .6em;color:var(--purple-700);font-size:clamp(18px,2vw,21px);font-weight:700;line-height:1.3}.blog-content h2+p,.blog-content h3+p{margin-top:0}.blog-content a{color:var(--magenta);font-weight:500;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.blog-content a:hover{color:var(--pink-600)}.blog-content strong{color:var(--ink-2);font-weight:600}.blog-content ol,.blog-content ul{margin:0 0 1.4em;padding-left:0;list-style:none}.blog-content ol li,.blog-content ul li{position:relative;margin:0 0 .7em;padding-left:34px}.blog-content ul li:before{content:"";position:absolute;left:6px;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--grad-primary)}.blog-content ol{counter-reset:bloglist}.blog-content ol li{counter-increment:bloglist}.blog-content ol li:before{content:counter(bloglist);position:absolute;left:0;top:.05em;width:24px;height:24px;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--grad-primary);border-radius:8px}.blog-content li ol,.blog-content li ul{margin:.7em 0 0}.blog-content hr{margin:2.2em 0;border:0;height:1px;background:var(--line-2)}.blog-content blockquote{margin:1.6em 0;padding:4px 0 4px 22px;border-left:4px solid var(--pink-400);color:var(--ink-2);font-style:italic}.blog-content img{display:block;width:100%;height:auto;margin:1.6em auto;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.blog-content div{text-align:center}.blog-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:15px}.blog-content td,.blog-content th{padding:12px 14px;border:1px solid var(--line);text-align:left}.blog-content th{background:var(--violet-50);color:var(--ink-2);font-weight:600}.post-cta{margin-top:clamp(28px,4vw,44px);display:grid;grid-gap:20px;gap:20px;align-items:center;grid-template-columns:1fr auto;padding:clamp(24px,3.4vw,38px);background:var(--grad-hero);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.post-cta h2{margin:0 0 6px;color:#fff;font-size:clamp(20px,2.4vw,26px);font-weight:700}.post-cta p{margin:0;color:rgba(255,255,255,.82);font-size:15px;line-height:1.6;max-width:52ch}.post-cta__btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:14px 24px;font-size:15px;font-weight:600;color:var(--purple-800);background:#fff;border-radius:12px;box-shadow:var(--shadow-md);transition:transform .2s ease}.post-cta__btn:hover{transform:translateY(-2px)}.post-back{display:inline-flex;align-items:center;gap:8px;margin:clamp(30px,4vw,44px) 0 0;color:var(--purple-600);font-size:14px;font-weight:600}.post-back svg{width:16px;height:16px}.post-back:hover{color:var(--magenta)}.post-related{max-width:var(--blog-w);margin-inline:auto;padding:0 var(--blog-gutter) clamp(64px,9vw,120px)}.post-related__head{margin:0 0 26px}.post-related__head p{margin:0 0 6px;color:var(--purple-600);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.post-related__head h2{margin:0;color:var(--ink-2);font-size:clamp(22px,2.8vw,30px);font-weight:700;letter-spacing:-.01em}@media (max-width:1024px){.post-layout{grid-template-columns:1fr}.post-aside{display:none}}@media (max-width:640px){.blog-tabs{top:70px}.post-cta{grid-template-columns:1fr}.blog-content{font-size:16px}}