.hero-container{background-position:50%;background-size:cover;justify-content:center;align-items:center;height:60vh;min-height:320px;display:flex;position:relative;overflow:hidden}.announcements-hero-overlay{background:linear-gradient(#000000b3,#000000bf);position:absolute;inset:0}.announcements-hero-content{z-index:2;text-align:center;color:#fff;width:100%;max-width:700px;padding:20px;position:relative}.announcement-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;display:flex}.announcements-hero-content h1{margin-bottom:15px;font-size:clamp(2.2rem,5vw,4rem);font-weight:800}.announcements-hero-content p{color:#ffffffd9;font-size:1rem;line-height:1.8}.announcements-container{width:100%;max-width:1250px;margin:auto;padding:60px 20px}.announcements-header{text-align:center;margin-bottom:40px}.announcements-header h2{margin-bottom:10px;font-size:2rem}.announcements-header p{color:var(--text-secondary)}.announcements-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:25px;display:grid}.announcement-card{background:#fff;border:1px solid #ececec;border-radius:24px;padding:25px;transition:all .25s;position:relative;overflow:hidden}.announcement-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px #00000014}.important-card{border:2px solid #ff5c4040}.important-badge{background:var(--primary);color:#fff;border-radius:100px;padding:7px 12px;font-size:12px;font-weight:700;position:absolute;top:18px;right:18px}.announcement-title-section h3{margin-bottom:18px;font-size:1.3rem;line-height:1.4}.announcement-description{color:var(--text-secondary);margin-bottom:25px;line-height:1.8}.announcement-meta{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.announcement-meta-item{color:var(--text-secondary);align-items:center;gap:10px;font-size:.95rem;display:flex}.announcement-btn{background:var(--primary);color:#fff;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-weight:600;transition:all .25s;display:flex}.announcement-btn:hover{opacity:.92}@media (max-width:768px){.announcements-container{padding:40px 15px}.announcements-grid{grid-template-columns:1fr}.announcement-card{padding:20px}.announcements-hero{min-height:280px}.announcement-icon{width:65px;height:65px}}