.blog-page{background-color:var(--gray-50)}.blog-hero{position:relative;padding:10rem 0 5rem;overflow:hidden;background:linear-gradient(135deg,#0f2027,#0a7075,#0d8f95)}.blog-hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(13,143,149,.3) 0%,transparent 40%),radial-gradient(circle at 60% 80%,rgba(255,107,53,.1) 0%,transparent 40%);pointer-events:none}.blog-hero-content{position:relative;text-align:center;z-index:1}.blog-hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;color:var(--white);font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.blog-hero h1{font-size:3.25rem;font-weight:800;color:var(--white);margin-bottom:1rem;line-height:1.15;max-width:700px;margin-left:auto;margin-right:auto}.blog-hero p{font-size:1.2rem;color:#fffc;max-width:550px;margin:0 auto;line-height:1.7}.blog-content{padding-top:0;margin-top:-2.5rem;position:relative;z-index:2}.blog-featured{margin-bottom:2.5rem}.blog-card-featured{display:block;background:var(--white);border-radius:var(--radius-xl);padding:3rem;box-shadow:0 8px 30px #00000014;border:2px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-card-featured:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent))}.blog-card-featured:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0a707526;border-color:var(--primary)}.blog-card-featured .blog-card-category{background:linear-gradient(135deg,var(--primary),var(--primary-light));color:var(--white);font-size:.8rem}.blog-card-title-lg{font-size:2rem;font-weight:700;color:var(--gray-900);margin-bottom:1rem;line-height:1.3}.blog-card-featured .blog-card-excerpt{font-size:1.1rem;max-width:700px}.blog-card-featured .blog-card-cta{font-size:1.05rem;font-weight:600}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card{display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:0 2px 12px #0000000f;border:1px solid var(--gray-200);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.blog-card:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .4s cubic-bezier(.4,0,.2,1)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0a70751f;border-color:var(--primary-light)}.blog-card:hover:after{width:100%}.blog-card-content{display:flex;flex-direction:column;flex:1}.blog-card-category{display:inline-block;width:fit-content;padding:.3rem .85rem;background:#0a707514;color:var(--primary);font-size:.75rem;font-weight:600;border-radius:50px;text-transform:uppercase;letter-spacing:.03em;margin-bottom:1rem}.blog-card-title{font-size:1.2rem;font-weight:700;color:var(--gray-900);margin-bottom:.75rem;line-height:1.4;transition:color .3s ease}.blog-card:hover .blog-card-title,.blog-card:hover .blog-card-title-lg{color:var(--primary)}.blog-card-excerpt{color:var(--gray-600);font-size:.95rem;line-height:1.7;margin-bottom:1.25rem;flex:1}.blog-card-meta{display:flex;align-items:center;gap:1.25rem;font-size:.85rem;color:var(--gray-500);margin-bottom:1.25rem;padding-top:1rem;border-top:1px solid var(--gray-100)}.blog-card-read{display:flex;align-items:center;gap:.35rem}.blog-card-cta{display:inline-flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:var(--primary);transition:all .3s ease}.blog-card:hover .blog-card-cta{gap:.85rem;color:var(--primary-dark)}@media(max-width:968px){.blog-hero{padding:8rem 0 4rem}.blog-hero h1{font-size:2.25rem}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-card-featured{padding:2rem}.blog-card-title-lg{font-size:1.5rem}}@media(max-width:576px){.blog-hero{padding:6rem 0 3rem}.blog-hero h1{font-size:1.65rem}.blog-hero p{font-size:1rem}.blog-content{margin-top:-1.5rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card-featured{padding:1.5rem}.blog-card-title-lg{font-size:1.3rem}.blog-card{padding:1.5rem}}