.blog-page { width:100%; max-width:1180px; margin:0 auto; padding:7.5rem 1.5rem 5rem; color:#173752; }.blog-kicker { display:inline-block; margin-bottom:.7rem; color:#178d9a; font-size:.68rem; font-weight:800; letter-spacing:.18em; }.blog-hero { display:flex; align-items:center; justify-content:space-between; gap:3rem; padding:2rem 0 4rem; }.blog-hero h1 { max-width:800px; margin:0; color:#173752; font-size:clamp(2.4rem,5vw,4.5rem); font-weight:800; letter-spacing:-.06em; line-height:1.03; }.blog-hero p { max-width:650px; margin:1rem 0 0; color:#6b8193; font-size:1rem; line-height:1.75; }.blog-hero-mark { display:flex; min-width:150px; align-items:center; gap:.65rem; padding:1rem; color:#178d9a; background:#e3f8f6; border:1px solid rgba(23,141,154,.18); border-radius:16px; font-size:.7rem; }.blog-hero-mark i { font-size:2rem; }.blog-hero-mark b { color:#18506d; }.blog-featured { display:grid; grid-template-columns:1.05fr .95fr; min-height:350px; overflow:hidden; background:#18506d; border-radius:22px; box-shadow:0 20px 42px rgba(42,89,113,.16); }.blog-featured-image { position:relative; min-height:350px; background:linear-gradient(135deg,rgba(23,80,109,.2),rgba(23,141,154,.7)),url('../img/assessify_background_cropped2.jpg') center/cover; }.blog-featured-overlay { position:absolute; inset:auto 1.5rem 1.5rem; color:#fff; }.blog-featured-overlay span { font-size:.62rem; font-weight:800; letter-spacing:.14em; color:#a6f0ee; }.blog-featured-overlay strong { display:block; max-width:390px; margin:.45rem 0 .8rem; font-size:1.55rem; line-height:1.2; }.blog-featured-overlay a { color:#fff; font-size:.75rem; font-weight:800; text-decoration:none; }.blog-featured-copy { display:flex; flex-direction:column; justify-content:center; padding:2.3rem; color:#fff; }.blog-category { display:block; color:#178d9a; font-size:.62rem; font-weight:800; letter-spacing:.13em; }.blog-featured-copy .blog-category { color:#a6f0ee; }.blog-featured-copy h2 { margin:.65rem 0 .8rem; font-size:2rem; line-height:1.12; letter-spacing:-.04em; }.blog-featured-copy p { margin:0; color:rgba(255,255,255,.75); font-size:.85rem; line-height:1.7; }.blog-meta { display:flex; gap:1rem; margin-top:1.5rem; color:rgba(255,255,255,.6); font-size:.68rem; }.blog-meta i { color:#a6f0ee; }.blog-posts-section { padding:4.5rem 0 3rem; }.blog-section-heading { display:flex; align-items:end; justify-content:space-between; gap:1rem; margin-bottom:1.5rem; }.blog-section-heading h2 { margin:0; color:#173752; font-size:2rem; font-weight:800; letter-spacing:-.045em; }.blog-all-link { display:inline-flex; align-items:center; gap:.3rem; color:#178d9a; font-size:.75rem; font-weight:800; text-decoration:none; }.blog-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.1rem; }.blog-card { display:flex; min-height:285px; flex-direction:column; padding:1.35rem; background:rgba(255,255,255,.82); border:1px solid rgba(121,158,178,.25); border-radius:18px; box-shadow:0 12px 30px rgba(42,89,113,.08),inset 0 1px 0 #fff; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }.blog-card:hover { border-color:rgba(23,141,154,.38); box-shadow:0 18px 38px rgba(42,89,113,.14); transform:translateY(-3px); }.blog-card-icon { display:grid; width:2.8rem; height:2.8rem; place-items:center; margin-bottom:1.15rem; color:#178d9a; background:#e3f8f6; border-radius:12px; font-size:1.35rem; }.blog-card h3 { margin:.55rem 0 .6rem; color:#173752; font-size:1.1rem; font-weight:800; line-height:1.28; }.blog-card p { margin:0; color:#6b8193; font-size:.8rem; line-height:1.65; }.blog-card-footer { display:flex; align-items:center; justify-content:space-between; margin-top:auto; padding-top:1rem; color:#8aa0af; font-size:.67rem; }.blog-card-footer a { display:grid; width:1.8rem; height:1.8rem; place-items:center; color:#178d9a; background:#e3f8f6; border-radius:50%; font-size:1rem; }.blog-cta { display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:1rem; padding:2.3rem; background:linear-gradient(135deg,#edf8f8,#f7fbfd); border:1px solid rgba(23,141,154,.16); border-radius:20px; }.blog-cta h2 { max-width:650px; margin:0; color:#173752; font-size:1.9rem; font-weight:800; letter-spacing:-.04em; line-height:1.12; }.blog-cta p { margin:.6rem 0 0; color:#6b8193; font-size:.82rem; }.blog-primary-button { display:inline-flex !important; align-items:center; gap:.4rem; flex:0 0 auto; padding:.8rem 1rem; color:#fff !important; background:linear-gradient(135deg,#18506d,#178d9a) !important; border-radius:10px; font-size:.77rem; font-weight:800; text-decoration:none; box-shadow:0 10px 20px rgba(23,80,109,.2); }.home.screen .blog-primary-button:hover { color:#fff !important; transform:translateY(-2px); }
@media (max-width:850px) { .blog-hero { align-items:flex-start; flex-direction:column; gap:1.5rem; }.blog-featured { grid-template-columns:1fr; }.blog-featured-image { min-height:260px; }.blog-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.blog-cta { align-items:flex-start; flex-direction:column; } }
@media (max-width:560px) { .blog-page { padding:6rem 1rem 3rem; }.blog-hero h1 { font-size:2.55rem; }.blog-featured-copy { padding:1.5rem; }.blog-featured-copy h2 { font-size:1.65rem; }.blog-grid { grid-template-columns:1fr; }.blog-section-heading { align-items:flex-start; flex-direction:column; }.blog-cta { padding:1.5rem; }.blog-cta h2 { font-size:1.55rem; } }