.blog-page[data-v-499cff22]{background:#fff}.blog-hero[data-v-499cff22]{background:linear-gradient(135deg,#1a0030,#3b0070 50%,#6a00b8);overflow:hidden;padding:160px 20px 80px;position:relative;text-align:center}.blog-hero[data-v-499cff22]:before{background:radial-gradient(ellipse at 60% 40%,rgba(249,58,192,.18) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.blog-hero-inner[data-v-499cff22]{margin:0 auto;max-width:720px;position:relative;z-index:1}.section-badge[data-v-499cff22]{align-items:center;background:rgba(249,58,192,.15);border:1px solid rgba(249,58,192,.4);border-radius:999px;color:#f9a8f0;display:inline-flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:24px;padding:6px 16px;text-transform:uppercase}.blog-hero-title[data-v-499cff22]{color:#fff;font-size:46px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:20px}.blog-hero-sub[data-v-499cff22]{color:hsla(0,0%,100%,.75);font-size:18px;line-height:1.6;margin:0 auto;max-width:580px}.posts-section[data-v-499cff22]{padding:80px 20px 100px}.content-container[data-v-499cff22]{margin:0 auto;max-width:1100px;padding:0 24px}.posts-grid[data-v-499cff22]{display:grid;gap:32px;grid-template-columns:repeat(3,1fr)}.post-card[data-v-499cff22]{background:#fff;border:1px solid #e5e7eb;border-radius:20px;cursor:pointer;overflow:hidden;transition:box-shadow .25s,border-color .25s,transform .2s}.post-card[data-v-499cff22]:hover{border-color:rgba(249,58,192,.25);box-shadow:0 12px 40px rgba(0,0,0,.1);transform:translateY(-4px)}.post-cover[data-v-499cff22]{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,#1a0030,#3b0070 50%,#6a00b8);display:flex;justify-content:center;overflow:hidden;position:relative}.post-cover[data-v-499cff22]:before{background:radial-gradient(ellipse at 60% 50%,rgba(249,58,192,.18) 0,transparent 65%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.post-cover img[data-v-499cff22]{display:block;filter:drop-shadow(0 6px 20px rgba(0,0,0,.45));height:auto;max-height:68%;max-width:50%;-o-object-fit:contain;object-fit:contain;position:relative;transition:transform .4s ease;width:auto;z-index:1}.post-card:hover .post-cover img[data-v-499cff22]{transform:scale(1.08)}.post-category[data-v-499cff22]{backdrop-filter:blur(4px);background:rgba(249,58,192,.9);border-radius:999px;color:#fff;font-size:12px;font-weight:600;left:14px;padding:4px 12px;position:absolute;top:14px}.post-body[data-v-499cff22]{display:flex;flex-direction:column;gap:10px;padding:24px 24px 28px}.post-meta[data-v-499cff22]{align-items:center;color:#9ca3af;display:flex;font-size:13px;gap:6px}.post-dot[data-v-499cff22]{font-size:10px}.post-title[data-v-499cff22]{color:#0a0a0a;font-size:17px;font-weight:700;line-height:1.35;margin:0}.post-excerpt[data-v-499cff22]{color:#6b7280;display:-webkit-box;font-size:14px;-webkit-line-clamp:3;line-clamp:3;line-height:1.6;margin:0;-webkit-box-orient:vertical;overflow:hidden}.post-tags[data-v-499cff22]{display:flex;flex-wrap:wrap;gap:6px}.tag[data-v-499cff22]{background:#f3f4f6;border-radius:999px;color:#6b7280;font-size:12px;padding:3px 10px}.read-more[data-v-499cff22]{align-self:flex-start;background:none;border:none;color:#f93ac0;cursor:pointer;font-size:14px;font-weight:600;margin-top:4px;padding:0}.read-more[data-v-499cff22]:hover{text-decoration:underline}.blog-cta[data-v-499cff22]{background:linear-gradient(135deg,#1a0030,#3b0070 50%,#6a00b8);padding:80px 20px;text-align:center}.blog-cta-inner[data-v-499cff22]{margin:0 auto;max-width:540px}.blog-cta-inner h2[data-v-499cff22]{color:#fff;font-size:34px;font-weight:800;margin-bottom:12px}.blog-cta-inner p[data-v-499cff22]{color:hsla(0,0%,100%,.75);font-size:16px;margin-bottom:32px}.hero-cta[data-v-499cff22]{align-items:center;background:linear-gradient(135deg,#f93ac0,#e91e8c);border:none;border-radius:999px;box-shadow:0 8px 24px rgba(249,58,192,.4);color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;gap:10px;padding:16px 36px;transition:transform .2s,box-shadow .2s}.hero-cta[data-v-499cff22]:hover{box-shadow:0 12px 32px rgba(249,58,192,.55);transform:translateY(-2px)}@media (max-width:900px){.posts-grid[data-v-499cff22]{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-hero-title[data-v-499cff22]{font-size:30px}.posts-grid[data-v-499cff22]{grid-template-columns:1fr}}