.blog-page{background:#f8fafc;min-height:100vh}.blog-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#16245c 0%,#0d1a3a 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:#1fb6b5;text-transform:uppercase;letter-spacing:3px;background:#1fb6b526;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:#1fb6b5}.blog-hero-subtitle{opacity:.7;max-width:680px;margin:0 auto;font-size:20px;font-weight:400;line-height:1.7}.blog-list-section{z-index:2;background:0 0;margin-top:-60px;padding:80px 40px 100px;position:relative}.blog-list-container{max-width:1200px;margin:0 auto}.blog-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.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,#16245c 0%,#0d1a3a 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%,#0d1a3a80 50%,#0d1a3af2 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{backdrop-filter:blur(8px);color:#fff;letter-spacing:.5px;text-transform:uppercase;z-index:2;background:#1fb6b5e6;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:#16245c;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:#1fb6b5;transform:scale(1.1)}@media (max-width:992px){.blog-hero{padding:100px 32px 120px}.blog-hero-title{font-size:48px}.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-list-section{margin-top:-40px;padding:50px 24px 70px}.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}}