:root {
    --brand-purple: #7b2d8b;
    --brand-navy: #1b1f4b;
    --brand-blue: #3fb8e8;
    --brand-green: #1f6b3a;
}
body { font-family: 'Segoe UI', Arial, sans-serif; color: #222; }
.top-bar { background: var(--brand-navy); color: #fff; }
.hero {
    background: linear-gradient(135deg, var(--brand-purple), var(--brand-navy));
    color: #fff;
    padding: 70px 0;
}
.hero h1 { font-weight: 800; }
.section-heading {
    border-left: 5px solid var(--brand-purple);
    padding-left: 12px;
    margin-bottom: 24px;
    font-weight: 700;
}
.card-news { border: none; box-shadow: 0 2px 10px rgba(0,0,0,.06); transition: transform .15s; }
.card-news:hover { transform: translateY(-4px); }
.card-news img { height: 180px; object-fit: cover; }
.badge-top { background: var(--brand-purple); }
.footer { background: var(--brand-navy); }
.footer-link { color: #cfcfe8; text-decoration: none; }
.footer-link:hover { color: #fff; }
.gallery-thumb { height: 180px; object-fit: cover; border-radius: 8px; }
.announcement-card { border-left: 4px solid var(--brand-blue); }