/* home.css */
:root { --ticker-bg: #b30000; }

/* --- NEWS TICKER --- */
.news-ticker {
    background: var(--ticker-bg);
    color: white;
    display: flex;
    align-items: center;
    height: 40px;
    overflow: hidden;
    position: relative;
}
.ticker-label {
    background: #8b0000;
    padding: 0 20px;
    height: 100%;
    display: flex;
    align-items: center;
    font-weight: 800;
    font-size: 0.75rem;
    text-transform: uppercase;
    z-index: 10;
    position: relative;
}
.ticker-wrap { flex: 1; overflow: hidden; white-space: nowrap; }
.ticker-content {
    display: inline-block;
    padding-left: 20px;
    animation: scroll-left 20s linear infinite;
    font-size: 0.85rem;
    font-weight: 500;
}
@keyframes scroll-left {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-100%); }
}
.news-ticker:hover .ticker-content { animation-play-state: paused; }

/* --- HERO SLIDER --- */
.hero-slider { height: 500px; position: relative; background: #000; }
.slide { position: absolute; inset: 0; background-size: cover; background-position: center; opacity: 0; transition: 1.5s; display: flex; align-items: center; justify-content: center; text-align: center; }
.slide::before { content: ''; position: absolute; inset: 0; background: linear-gradient(rgba(11,60,93,0.7), rgba(0,0,0,0.6)); }
.slide.active { opacity: 1; }
.slide-text h2 { font-size: 3.5rem; font-weight: 800; color: white; margin-bottom: 10px; }
.slide-text p { font-size: 1.2rem; color: var(--accent); font-weight: 600; }

/* --- QUICK LINKS --- */
.quick-links {
    max-width: 1200px;
    margin: -60px auto 40px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    padding: 0 20px;
    position: relative;
    z-index: 10;
}
.link-card {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
    border-bottom: 5px solid var(--accent);
    text-align: center;
}
.link-card:hover { transform: translateY(-10px); background: var(--primary); color: white; }
.link-card h3 { font-size: 1.2rem; margin-bottom: 10px; color: var(--primary); }
.link-card:hover h3 { color: var(--accent); }

/* --- WELCOME SECTION --- */
.welcome { text-align: center; padding: 80px 5%; max-width: 900px; margin: 0 auto; }
.welcome h2 { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; }
.welcome p { font-size: 1.1rem; color: #64748b; line-height: 1.8; }

@media (max-width: 992px) {
    .hero-slider { height: 400px; }
    .slide-text h2 { font-size: 2.2rem; }
}