.post-hero{position:relative;width:100%;height:clamp(320px,50vw,560px);overflow:hidden;background:#1a1a1a}.post-hero img{width:100%;height:100%;object-fit:cover;opacity:.75;display:block;transition:transform 6s ease}.post-hero:hover img{transform:scale(1.03)}.post-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.55) 100%)}.post-hero-meta{position:absolute;bottom:36px;left:50%;transform:translate(-50%);width:100%;max-width:780px;padding:0 24px;z-index:2}.post-hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a78bff;margin-bottom:12px}.post-hero-eyebrow span{width:24px;height:2px;background:#a78bff;display:inline-block}.post-hero h1{font-size:clamp(24px,4vw,42px);font-weight:900;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.1;text-shadow:0 2px 20px rgba(0,0,0,.4);max-width:700px}.post-layout{background:#f5f5f5;padding:0 0 100px}.post-article{max-width:780px;margin:0 auto;padding:0 24px}.post-meta-bar{display:flex;align-items:center;gap:20px;padding:24px 0 32px;border-bottom:2px solid #ebebeb;margin-bottom:40px;flex-wrap:wrap}.post-date-badge{display:inline-flex;align-items:center;gap:7px;background:#f0ebff;color:#5524b6;font-size:13px;font-weight:700;padding:6px 14px;border-radius:999px}.post-date-badge svg{flex-shrink:0}.post-back{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#888;text-decoration:none;transition:color .2s;margin-left:auto}.post-back:hover{color:#5524b6}.post-back svg{transition:transform .2s}.post-back:hover svg{transform:translate(-3px)}.post-content{font-size:17px;color:#333;line-height:1.85}.post-content h2{font-size:clamp(22px,3vw,28px);font-weight:900;color:#1a1a1a;letter-spacing:-.02em;margin:48px 0 16px;padding-top:48px;border-top:2px solid #ebebeb;line-height:1.2}.post-content h2:first-child{margin-top:0;padding-top:0;border-top:none}.post-content h3{font-size:20px;font-weight:800;color:#1a1a1a;letter-spacing:-.01em;margin:32px 0 12px;line-height:1.3}.post-content h4{font-size:17px;font-weight:800;color:#5524b6;letter-spacing:.02em;margin:28px 0 10px;text-transform:uppercase;font-size:13px;letter-spacing:.1em}.post-content p{margin:0 0 20px;color:#444}.post-content p:last-child{margin-bottom:0}.post-content strong{color:#1a1a1a;font-weight:700}.post-content a{color:#5524b6;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:600;transition:color .2s}.post-content a:hover{color:#4318a0}.post-content ul,.post-content ol{margin:0 0 24px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.post-content ul li,.post-content ol li{padding-left:24px;position:relative;color:#444;line-height:1.7}.post-content ul li:before{content:"→";position:absolute;left:0;color:#5524b6;font-weight:700}.post-content ol{counter-reset:ol-counter}.post-content ol li{counter-increment:ol-counter}.post-content ol li:before{content:counter(ol-counter) ".";position:absolute;left:0;color:#5524b6;font-weight:800;font-size:14px}.post-content blockquote{margin:32px 0;padding:20px 24px;background:#f7f5ff;border-left:4px solid #5524B6;border-radius:0 12px 12px 0;font-style:italic;color:#555;font-size:17px;line-height:1.75}.post-content blockquote strong{color:#5524b6}.post-content img{width:100%;border-radius:14px;margin:28px 0;display:block;box-shadow:0 8px 40px #0000001a}.post-content hr{border:none;border-top:2px solid #ebebeb;margin:40px 0}.post-content code{background:#f0ebff;color:#5524b6;padding:2px 7px;border-radius:5px;font-size:15px;font-family:monospace}.post-content pre{background:#1a1a1a;color:#e0e0e0;padding:20px 24px;border-radius:12px;overflow-x:auto;margin:28px 0;font-size:14px;line-height:1.7}.post-content pre code{background:none;color:inherit;padding:0;font-size:inherit}.post-cta{max-width:780px;margin:60px auto 0;padding:0 24px}.post-cta-inner{background:#1a1a1a;border-radius:20px;padding:40px 44px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;position:relative;overflow:hidden}.post-cta-inner:before{content:"";position:absolute;top:-60px;right:-60px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(85,36,182,.25) 0%,transparent 70%);pointer-events:none}.post-cta-text{position:relative;z-index:1}.post-cta-text p{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#a78bff;margin:0 0 8px}.post-cta-text h3{font-size:clamp(18px,3vw,24px);font-weight:900;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.2}.post-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#5524b6;color:#fff;font-size:14px;font-weight:700;padding:14px 26px;border-radius:999px;text-decoration:none;transition:background .2s,transform .2s;box-shadow:0 4px 20px #5524b666;white-space:nowrap;position:relative;z-index:1}.post-cta-btn:hover{background:#4318a0;transform:translateY(-2px);text-decoration:none}.post-back-bottom{max-width:780px;margin:32px auto 0;padding:0 24px}.post-back-bottom a{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#888;text-decoration:none;transition:color .2s}.post-back-bottom a:hover{color:#5524b6}.post-back-bottom a svg{transition:transform .2s}.post-back-bottom a:hover svg{transform:translate(-3px)}.fade-up{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.fade-up.visible{opacity:1;transform:translateY(0)}@media(max-width:640px){.post-hero-meta{bottom:20px}.post-article{padding:0 16px}.post-cta-inner{padding:28px 24px}.post-cta,.post-back-bottom{padding:0 16px}}