.site-news { min-height: 100vh; padding: 104px 0 0; color: #201b6f; background: radial-gradient(ellipse at 12% 3%, rgba(177,190,255,.32), transparent 35%), radial-gradient(ellipse at 88% 15%, rgba(214,218,255,.55), transparent 42%), #f8f9ff; }
.site-news .site-header { position: fixed; inset: 10px max(18px, calc((100vw - 1360px) / 2)) auto; z-index: 50; display: flex; align-items: center; justify-content: space-between; gap: 26px; padding: 12px 20px; border: 1px solid rgba(110,127,221,.2); border-radius: 999px; background: rgba(255,255,255,.75); box-shadow: 0 14px 42px rgba(45,56,132,.09); -webkit-backdrop-filter: blur(22px); backdrop-filter: blur(22px); }
.site-news .brand img { display: block; width: 154px; height: 42px; object-fit: contain; }
.site-news nav { display: flex; align-items: center; gap: clamp(14px, 2.2vw, 34px); }
.site-news nav a { color: #393d78; text-decoration: none; font-size: .9rem; white-space: nowrap; }
.site-news nav a[aria-current="page"] { color: #3659ff; }
.site-news .btn { text-decoration: none; white-space: nowrap; }
.news-main { width: min(1240px, calc(100% - 40px)); margin: 0 auto; padding: clamp(52px, 8vw, 100px) 0 90px; }
.news-heading { margin-bottom: 44px; text-align: center; }
.news-eyebrow { color: #5668e9; font-size: .85rem; font-weight: 700; }
.news-heading h1 { margin: 10px 0; font-size: clamp(2rem, 4vw, 3.25rem); letter-spacing: -.04em; }
.news-heading p { margin: 0; color: #68749e; }
.news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.news-card { overflow: hidden; border: 1px solid rgba(126,143,225,.18); border-radius: 24px; background: rgba(255,255,255,.66); box-shadow: 0 16px 45px rgba(51,64,145,.07); transition: transform .25s ease, box-shadow .25s ease; }
.news-card:hover { transform: translateY(-5px); box-shadow: 0 24px 54px rgba(51,64,145,.13); }
.news-card__art { min-height: 180px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; padding: 20px; color: #25217c; background: radial-gradient(ellipse at 68% 35%, rgba(255,255,255,.95), transparent 45%), linear-gradient(135deg, #dce8ff, #eff1ff 65%, #d9d8ff); }
.news-card__art span { padding: 7px 12px; border: 1px solid rgba(255,255,255,.8); border-radius: 999px; background: rgba(255,255,255,.52); color: #535fba; font-size: .78rem; }
.news-card__art b { font-size: 1.55rem; }
.news-card__art--violet { background: radial-gradient(ellipse at 72% 28%, #fff, transparent 42%), linear-gradient(135deg, #e3e0ff, #f1efff 55%, #d6e1ff); }
.news-card__art--mint { background: radial-gradient(ellipse at 72% 28%, #fff, transparent 42%), linear-gradient(135deg, #dff4f4, #f0f9ff 55%, #e0e6ff); }
.news-card__art--sand { background: radial-gradient(ellipse at 72% 28%, #fff, transparent 42%), linear-gradient(135deg, #f5eddd, #fff9ef 55%, #e6e8ff); }
.news-card__body { padding: 22px 23px 26px; }
.news-card time { color: #7883a8; font-size: .8rem; }
.news-card h2 { min-height: 3.3em; margin: 10px 0; color: #24206f; font-size: 1.12rem; line-height: 1.75; }
.news-card p { margin: 0; color: #626f94; font-size: .9rem; line-height: 1.95; }
.news-footer { display: flex; justify-content: space-between; gap: 16px; padding: 24px max(24px, calc((100% - 1240px)/2)); border-top: 1px solid rgba(105,121,204,.16); color: #626e91; }
.news-footer a { color: #353f91; text-decoration: none; }
@media (max-width: 900px) { .news-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } .site-news .brand img { width: 125px; } }
@media (max-width: 650px) { .site-news .site-header { inset: 8px 10px auto; border-radius: 24px; gap: 10px; padding: 10px 12px; } .site-news .brand img { width: 92px; height: 34px; } .site-news nav { gap: 11px; flex: 1; justify-content: center; overflow-x: auto; } .site-news nav a { font-size: .72rem; } .site-news .btn { padding: 9px 11px; font-size: .72rem; } .news-main { width: calc(100% - 26px); padding-top: 42px; } .news-grid { grid-template-columns: 1fr; gap: 14px; } .news-card__art { min-height: 150px; } .news-card h2 { min-height: 0; } .news-footer { flex-wrap: wrap; font-size: .85rem; } }
@media (prefers-reduced-motion: reduce) { .news-card { transition: none; } }