.blog-page{background:#f8fafc;min-height:100vh}.blog-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);padding:120px 40px 140px;position:relative;overflow:hidden}.blog-hero:before{content:"";background-image:radial-gradient(circle at 1px 1px,#ffffff12 1px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.blog-hero-container{z-index:1;max-width:1200px;margin:0 auto;position:relative}.blog-hero-tag{color:#ff8c42;text-transform:uppercase;letter-spacing:3px;background:#ff8c4226;border-radius:2px;margin-bottom:24px;padding:6px 20px;font-size:11px;font-weight:700;display:inline-block}.blog-hero-title{letter-spacing:-2px;margin:0 0 20px;font-size:60px;font-weight:800;line-height:1.1}.blog-hero-title span{color:#ff8c42}.blog-hero-subtitle{opacity:.7;max-width:680px;margin:0 auto;font-size:20px;font-weight:400;line-height:1.7}.blog-intro-section{padding:48px 40px 0}.blog-intro-container{background:#ffffffd1;border:1px solid #2563eb14;border-radius:24px;max-width:900px;margin:0 auto;padding:32px;box-shadow:0 20px 60px #2563eb14}.blog-intro-text{color:#334155;margin:0;font-size:17px;line-height:1.85}.blog-intro-text+.blog-intro-text{margin-top:16px}.blog-list-section{z-index:2;background:0 0;margin-top:0;padding:80px 40px 100px;position:relative}.blog-list-container{max-width:1200px;margin:0 auto}.blog-section-heading{margin-bottom:32px}.blog-section-kicker{color:#ff8c42;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700;display:inline-block}.blog-section-title{color:#0f172a;letter-spacing:-1px;margin:0;font-size:32px;line-height:1.2}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.blog-empty{text-align:center;color:#64748b;padding:60px 20px;font-size:17px}.blog-card{border-radius:24px;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.blog-card:hover{transform:translateY(-6px)}.blog-card-link{color:inherit;text-decoration:none;display:block;position:relative}.blog-card-image{background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);border-radius:24px;width:100%;height:360px;position:relative;overflow:hidden}.blog-card-image:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#0f172a80 50%,#0f172af2 100%);height:70%;position:absolute;bottom:0;left:0;right:0}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-image img{transform:scale(1.06)}.blog-card-category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;text-transform:uppercase;z-index:2;background:#2563ebe6;border-radius:50px;padding:6px 16px;font-size:11px;font-weight:700;position:absolute;top:20px;left:20px}.blog-card-content{z-index:2;justify-content:space-between;align-items:flex-end;padding:28px;display:flex;position:absolute;bottom:0;left:0;right:0}.blog-card-title{color:#fff;letter-spacing:-.2px;flex:1;margin:0;padding-right:16px;font-size:17px;font-weight:700;line-height:1.35}.blog-card-arrow{cursor:pointer;color:#2563eb;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex;box-shadow:0 4px 16px #0003}.blog-card:hover .blog-card-arrow{color:#fff;background:#ff8c42;transform:scale(1.1)}@media (max-width:992px){.blog-hero{padding:100px 32px 120px}.blog-hero-title{font-size:48px}.blog-intro-section{padding:40px 32px 0}.blog-list-section{padding:60px 32px 80px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}.blog-card-image{height:320px}}@media (max-width:768px){.blog-hero{padding:100px 24px}.blog-hero-title{letter-spacing:-1px;font-size:36px}.blog-hero-subtitle{font-size:17px}.blog-intro-section{padding:32px 24px 0}.blog-intro-container{border-radius:20px;padding:24px}.blog-intro-text{font-size:16px}.blog-list-section{padding:50px 24px 70px}.blog-section-title{font-size:26px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-image{border-radius:20px;height:300px}.blog-card{border-radius:20px}.blog-card-content{padding:24px}.blog-card-title{font-size:15px}.blog-card-arrow{width:44px;height:44px}.blog-card-arrow svg{width:18px;height:18px}}