.blog-hero{background:radial-gradient(ellipse at 20% 30%,rgba(200,160,220,.4) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(255,200,160,.5) 0,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(255,180,140,.3) 0,transparent 40%),linear-gradient(180deg,#fff,#faf8fc);padding:10rem 0 4rem;text-align:center}.blog-hero__content{margin:0 auto;max-width:700px}.blog-hero__title{color:#000;font-size:1.875rem;font-weight:500;letter-spacing:-.025em;line-height:1.1;margin-bottom:.5rem}@media (min-width:576px){.blog-hero__title{font-size:2.25rem}}@media (min-width:768px){.blog-hero__title{font-size:3rem}}.blog-hero__subtitle{color:var(--color-gray-600);font-size:1.25rem;line-height:1.6}.blog-listing{padding:4rem 0 6rem}.blog-grid{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.blog-empty{color:var(--color-gray-500);padding:4rem 0;text-align:center}.blog-card{background:#fff;border:1px solid var(--color-gray-200);border-radius:12px;color:inherit;cursor:pointer;display:block;overflow:hidden;text-decoration:none;transition:all .3s ease}.blog-card:hover{border-color:var(--color-primary);box-shadow:0 4px 20px rgba(166,50,255,.1);transform:translateY(-4px)}.blog-card__image{aspect-ratio:16/9;display:block;overflow:hidden}.blog-card__image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__content{padding:1.5rem}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.blog-card__tag{background:rgba(166,50,255,.1);border-radius:4px;color:var(--color-primary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;text-transform:uppercase}.blog-card__title{color:var(--color-gray-900);font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.75rem}.blog-card:hover .blog-card__title{color:var(--color-primary)}.blog-card__excerpt{color:var(--color-gray-600);font-size:.9375rem;line-height:1.6;margin-bottom:1rem}.blog-card__meta{align-items:center;color:var(--color-gray-500);display:flex;font-size:.8125rem;gap:1rem;margin-bottom:1rem}.blog-card__author{font-weight:500}.blog-card__link{color:var(--color-primary);font-size:.875rem;font-weight:500;text-decoration:none}.blog-card__link:hover{text-decoration:underline}.blog-pagination{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;gap:2rem;justify-content:center;margin-top:4rem;padding-top:2rem}.blog-pagination__link{color:var(--color-primary);font-size:.9375rem;font-weight:500;text-decoration:none}.blog-pagination__link:hover{text-decoration:underline}.blog-pagination__info{color:var(--color-gray-500);font-size:.875rem}.blog-post{padding-top:64px}.blog-post__hero{background-position:50%;background-size:cover;height:400px;position:relative}.blog-post__hero-overlay{background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));inset:0;position:absolute}.blog-post__wrapper{margin:0 auto;max-width:760px;padding:3rem 0 4rem}.blog-post__header{margin-bottom:3rem}.blog-post__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.blog-post__tag{background:rgba(166,50,255,.1);border-radius:4px;color:var(--color-primary);font-size:.6875rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-decoration:none;text-transform:uppercase}.blog-post__tag:hover{background:rgba(166,50,255,.2)}.blog-post__title{color:var(--color-gray-900);font-size:2.75rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.blog-post__meta{align-items:center;color:var(--color-gray-500);display:flex;flex-wrap:wrap;font-size:.9375rem;gap:1.5rem}.blog-post__author{align-items:center;display:flex;gap:.75rem}.blog-post__author-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.blog-post__author-name{color:var(--color-gray-700);font-weight:500}.blog-post__content{color:var(--color-gray-700);font-size:1.0625rem;line-height:1.8}.blog-post__content h2{color:var(--color-gray-900);font-size:1.75rem;font-weight:600;margin:2.5rem 0 1rem}.blog-post__content h3{color:var(--color-gray-900);font-size:1.375rem;font-weight:600;margin:2rem 0 .75rem}.blog-post__content p{margin-bottom:1.5rem}.blog-post__content a{color:var(--color-primary);text-decoration:underline}.blog-post__content ol,.blog-post__content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post__content li{margin-bottom:.5rem}.blog-post__content blockquote{background:rgba(166,50,255,.05);border-left:4px solid var(--color-primary);color:var(--color-gray-700);font-style:italic;margin:2rem 0;padding:1.5rem 2rem}.blog-post__content img{border-radius:8px;height:auto;margin:2rem 0;max-width:100%}.blog-post__content pre{background:var(--color-gray-900);border-radius:8px;color:#fff;margin:2rem 0;overflow-x:auto;padding:1.5rem}.blog-post__content code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9em}.blog-post__content p code{background:var(--color-gray-100);border-radius:4px;color:var(--color-gray-800);padding:.2em .4em}.blog-post__footer{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-top:4rem;padding-top:2rem}.blog-post__share{align-items:center;display:flex;gap:1rem}.blog-post__share-label{color:var(--color-gray-500);font-size:.875rem}.blog-post__share-links{display:flex;gap:.75rem}.blog-post__share-link{align-items:center;background:var(--color-gray-100);border-radius:50%;color:var(--color-gray-600);display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.blog-post__share-link:hover{background:var(--color-primary);color:#fff}.blog-post__back{align-items:center;color:var(--color-gray-600);display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;text-decoration:none}.blog-post__back:hover{color:var(--color-primary)}.related-posts{background:var(--color-gray-50);padding:4rem 0 6rem}.related-posts__title{color:var(--color-gray-900);font-size:1.75rem;font-weight:600;margin-bottom:2rem;text-align:center}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-hero{padding:8rem 0 3rem}.blog-grid{grid-template-columns:1fr}.blog-post__hero{height:250px}.blog-post__title{font-size:2rem}.blog-post__wrapper{padding:2rem 0 3rem}.blog-post__footer{align-items:flex-start;flex-direction:column}.blog-pagination{flex-direction:column;gap:1rem}}@media (max-width:480px){.blog-post__title{font-size:1.75rem}.blog-post__meta{align-items:flex-start;flex-direction:column;gap:.75rem}}