.blog-page{min-height:calc(100vh - var(--nav-height));background:linear-gradient(#fcfaf6 0%,#f7f3ec 100%)}.blog-hero{color:#f8f4ee;background:linear-gradient(90deg,#0a2368 0%,#15315e 52%,#21416b 100%);padding:clamp(42px,5vw,62px) 0 clamp(34px,4vw,44px)}.blog-hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid}.blog-hero-kicker{color:#f8f4ee;letter-spacing:.12em;text-transform:uppercase;background:#f8f4ee14;border:1px solid #f8f4ee38;border-radius:999px;align-items:center;margin-bottom:10px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.blog-hero h1{color:#fffaf4;letter-spacing:-.05em;max-width:18ch;margin-bottom:12px;font-size:clamp(34px,5vw,64px);line-height:.96}.blog-hero p{color:#f8f4eee6;max-width:62ch;font-size:17px}.blog-hero-cta-row{flex-wrap:wrap;gap:14px;margin-top:22px;display:flex}.blog-hero-cta-row .ant-btn,.blog-hero-secondary-button{border-radius:16px;min-width:170px;height:52px;font-size:18px;font-weight:700}.blog-hero-secondary-button{box-shadow:none;color:#fff!important;background:#ffffff14!important;border-color:#ffffff4d!important}.blog-hero-secondary-button:hover,.blog-hero-secondary-button:focus{color:#fff!important;background:#ffffff29!important;border-color:#ffffff75!important}.blog-list-shell{padding-top:clamp(26px,3vw,38px);padding-bottom:clamp(38px,5vw,58px)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.4vw,26px);display:grid}.blog-card-link{color:inherit;text-decoration:none}.blog-card{border-radius:24px;overflow:hidden}.blog-card-cover{background-color:#0000;background-image:linear-gradient(135deg,#d13f4aeb,#0e253ceb),radial-gradient(circle at 80% 20%,#8fd6bf80,#0000 25%);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:flex-start;align-items:flex-start;min-height:220px;padding:18px;display:flex}.blog-card-pill{color:#9f2431;letter-spacing:.08em;text-transform:uppercase;background:#fff8f2e0;border-radius:999px;align-items:center;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.blog-card-body{padding:20px}.blog-card-body h2{letter-spacing:-.03em;margin-bottom:10px;font-size:24px;line-height:1.08}.blog-card-body p{color:#536477;margin-bottom:14px}.blog-card-date,.blog-admin-meta,.blog-detail-meta{color:#6b7280;font-size:13px}.blog-loading{place-items:center;min-height:280px;display:grid}.blog-detail-shell{padding-top:clamp(32px,4.5vw,56px);padding-bottom:clamp(40px,5vw,64px)}.blog-detail-card{border-radius:28px;padding:28px}.blog-back-link{color:#0f4f6d;margin-bottom:16px;font-weight:700;text-decoration:none;display:inline-flex}.blog-detail-head h1{letter-spacing:-.05em;max-width:18ch;margin-bottom:10px;font-size:clamp(30px,4vw,54px);line-height:1}.blog-detail-meta{flex-wrap:wrap;gap:10px 18px;margin-bottom:20px;display:flex}.blog-detail-cover-wrap{border-radius:22px;margin-bottom:22px;overflow:hidden}.blog-detail-cover{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;max-height:480px;display:block}.blog-detail-excerpt{color:#284261;margin-bottom:18px;font-size:18px;font-weight:600}.blog-detail-content{white-space:pre-wrap;color:#33485f;font-size:16px;line-height:1.9}.blog-admin-shell{width:100%}.blog-admin-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:16px;display:grid}.blog-admin-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.blog-admin-image-hint{color:#6b7280;margin-top:10px;font-size:12px}.blog-empty-card{place-items:center;gap:18px;padding:34px;display:grid}.blog-empty-card__actions{justify-content:center;display:flex}@media (max-width:1024px){.blog-grid,.blog-admin-grid,.blog-hero-grid{grid-template-columns:1fr}}@media (max-width:768px){.blog-hero{padding:38px 0 28px}.blog-hero h1{max-width:none}.blog-detail-card{padding:20px}.blog-admin-form-row{grid-template-columns:1fr}}@media (max-width:640px){.blog-card-cover{min-height:180px}.blog-card-body{padding:18px}.blog-card-body h2,.blog-detail-head h1{letter-spacing:0}}