.blog-hero{padding:92px 0 72px;background:linear-gradient(135deg,#031c30 0%,#064360 68%,#08788a 100%);color:#fff}.blog-hero-grid{display:grid;grid-template-columns:1fr .55fr;gap:70px;align-items:end}.blog-hero h1{max-width:850px;margin:15px 0 18px;font-size:clamp(3rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em}.blog-hero p{max-width:760px;margin:0;color:#c9dde5;font-size:1.05rem;line-height:1.75}.blog-hero-note{padding:25px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(255,255,255,.07)}.blog-hero-note small,.blog-hero-note strong{display:block}.blog-hero-note small{color:#8debf3;font-weight:800;letter-spacing:.11em}.blog-hero-note strong{margin-top:9px;font-size:1.2rem}.blog-hero-note span{display:block;margin-top:8px;color:#c9dde5;font-size:.86rem;line-height:1.55}.blog-content{padding:82px 0;background:#f4f8fa}.blog-intro{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:32px}.blog-intro h2{max-width:700px;margin:10px 0 0;color:var(--brand);font-size:clamp(2.3rem,4vw,3.9rem);line-height:1.03;letter-spacing:-.045em}.blog-intro p{max-width:500px;margin:0;color:var(--muted2);line-height:1.7}.blog-topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.blog-topic{display:block;min-height:210px;padding:25px;border:1px solid var(--line2);border-radius:15px;background:#fff;box-shadow:0 14px 32px rgba(3,36,59,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-topic:hover{transform:translateY(-4px);border-color:#8bcbd4;box-shadow:0 18px 38px rgba(3,36,59,.1)}.blog-topic span{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#e7f7fa;color:#08758b;font-size:.72rem;font-weight:850}.blog-topic h3{margin:30px 0 9px;color:var(--brand);font-size:1.05rem}.blog-topic p{margin:0;color:var(--muted2);font-size:.84rem;line-height:1.6}.blog-empty{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:18px;padding:28px 30px;border-radius:15px;background:var(--brand);color:#fff}.blog-empty strong{display:block;font-size:1.2rem}.blog-empty p{margin:6px 0 0;color:#bfd4df}.blog-empty a{white-space:nowrap}@media(max-width:900px){.blog-hero-grid{grid-template-columns:1fr;gap:32px}.blog-intro{align-items:flex-start;flex-direction:column}.blog-topic-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.blog-hero{padding:68px 0 54px}.blog-hero h1{font-size:3rem}.blog-content{padding:58px 0}.blog-topic-grid{grid-template-columns:1fr}.blog-topic{min-height:0}.blog-empty{align-items:stretch;flex-direction:column}.blog-empty .e-btn{text-align:center}}