.blog-page{max-width:900px;margin:0 auto;padding:40px 20px 80px}.blog-hero{text-align:center;margin-bottom:56px}.blog-hero h1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3em;line-height:1.2}.blog-hero p{color:#999;max-width:600px;margin:0 auto;font-size:1.25em}.blog-list{flex-direction:column;gap:32px;margin:0;padding:0;list-style:none;display:flex}.blog-card{background:#2d2d2d;border:1px solid #404040;border-radius:16px;transition:transform .25s,box-shadow .25s,border-color .25s;overflow:hidden;box-shadow:0 4px 16px #0000004d}.blog-card:hover,.blog-card:focus-within{border-color:#4facfe;transform:translateY(-4px);box-shadow:0 12px 32px #00000073}.blog-card__link,.blog-card__link:visited{color:inherit;flex-direction:row;align-items:stretch;display:flex;text-decoration:none!important}.blog-card__link:focus-visible{outline-offset:-2px;outline:2px solid #4facfe}.blog-card__media{background:#1f1f1f;flex:0 0 34%;overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.blog-card:hover .blog-card__media img{transform:scale(1.04)}.blog-card__body{flex:1;min-width:0;padding:32px}.blog-card__meta{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-size:.9em;display:flex;color:#999!important}.blog-card__title{margin:0 0 16px;font-size:1.6em;line-height:1.3;transition:color .25s;color:#fff!important}.blog-card:hover .blog-card__title{color:#4facfe!important}.blog-card__tags{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.blog-card__tags li{color:#fff;border-radius:20px;padding:5px 13px;font-size:.8em;font-weight:600;line-height:1.4}.blog-card__excerpt{margin:0 0 16px;font-size:1.02em;line-height:1.65;color:#e0e0e0!important}.blog-card__cta{color:#4facfe;font-size:.95em;font-weight:600}.blog-pagination{text-align:center;color:#666;margin-top:48px;font-size:1.05em}@media (max-width:768px){.blog-hero h1{font-size:2.1em}.blog-hero p{font-size:1.05em}.blog-card__link{flex-direction:column}.blog-card__media{flex:none;max-height:190px}.blog-card__body{padding:24px}.blog-card__title{font-size:1.3em}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card__media img,.blog-card__title{transition:none}.blog-card:hover,.blog-card:hover .blog-card__media img{transform:none}}