:root {
            --primary-dark: #1a1e21;
            --accent-crimson: #dc3545;
            --bg-light: #f8f9fa;
        }
        body {
            font-family: system-ui, -apple-system, sans-serif;
            background-color: var(--bg-light);
            color: var(--primary-dark);
        }
        .navbar-brand {
            font-weight: 800;
            letter-spacing: 1px;
        }
        .hero-section {
            background: linear-gradient(rgba(26, 30, 33, 0.85), rgba(26, 30, 33, 0.9)), url('https://images.unsplash.com/photo-1516738901171-8eb4fc13bd20?auto=format&fit=crop&w=1920&q=80') no-repeat center center/cover;
            padding: 140px 0;
            color: #ffffff;
        }
        .hotline-banner {
            background-color: var(--accent-crimson);
            color: white;
            font-weight: bold;
        }
        /* Quick Escape Fixed Button Styling */
        #quick-escape {
            transition: all 0.2s ease-in-out;
            box-shadow: 0 4px 15px rgba(220, 53, 69, 0.4) !important;
        }
        #quick-escape:hover {
            transform: scale(1.05);
            background-color: #bd2130 !important;
        }


.icon-circle{
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#ffe5e5;
    border:2px solid rgba(176,0,32,.15);
    transition:.3s;
}

.stat-card:hover .icon-circle{
    transform:scale(1.08);
    background:#ffd6dc;
}

.stat-card:hover{
    transform:translateY(-5px);
    transition:.3s;
}

/* =========================
   SHAST SHARED FOOTER
========================= */

.shast-footer{
    background:
        linear-gradient(
            135deg,
            #140000 0%,
            #2b0007 50%,
            #42000d 100%
        );

    padding:60px 0 30px;
    border-top:1px solid rgba(255,255,255,.08);
}

.shast-footer h3,
.shast-footer h5{
    color:#ffffff;
}

.shast-footer p{
    color:rgba(255,255,255,.75);
}

.footer-link{
    color:rgba(255,255,255,.75);
    text-decoration:none;
    display:block;
    margin-bottom:10px;
    transition:all .25s ease;
}

.footer-link:hover{
    color:#ffffff;
    padding-left:6px;
}

.shast-footer hr{
    border-color:rgba(255,255,255,.15);
    opacity:1;
}

.shast-footer .btn-danger{
    background:#b00020;
    border-color:#b00020;
}

.shast-footer .btn-danger:hover{
    background:#d10028;
    border-color:#d10028;
}

.shast-footer .text-danger{
    color:#dc3545 !important;
}

/* Mobile */

@media (max-width:768px){

    .shast-footer{
        text-align:center;
    }

    .footer-link:hover{
        padding-left:0;
    }

}
/* =========================
   RESPONSIVE SHAST NAVBAR
========================= */


.shast-navbar {
    background: #111;
    border-bottom: 1px solid rgba(255,255,255,.08);
    box-shadow: 0 2px 15px rgba(0,0,0,.25);
    position: sticky;
    top: 0;
    z-index: 1050;
}


.site-logo {
    height: 58px;
    width: auto;
    display: block;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,.78);
    font-weight: 600;
    transition: .25s ease;
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.active {
    color: #ffffff;
}

.navbar-dark .navbar-nav .nav-link.active {
    border-bottom: 2px solid #dc3545;
}

.shast-toggler {
    border: 1px solid rgba(255,255,255,.25);
    padding: .35rem .55rem;
}

.shast-toggler:focus {
    box-shadow: 0 0 0 .15rem rgba(220,53,69,.35);
}

/* Mobile nav dropdown */
@media (max-width: 991px) {

    .site-logo {
        height: 46px;
    }

    .navbar-collapse {
        background: #140000;
        border: 1px solid rgba(255,255,255,.08);
        border-radius: 1rem;
        padding: 1rem;
        margin-top: 1rem;
        box-shadow: 0 15px 35px rgba(0,0,0,.35);
    }

    .navbar-nav {
        gap: .25rem;
    }

    .navbar-dark .navbar-nav .nav-link {
        padding: .85rem 1rem;
        border-radius: .75rem;
    }

    .navbar-dark .navbar-nav .nav-link:hover,
    .navbar-dark .navbar-nav .nav-link.active {
        background: rgba(220,53,69,.18);
        border-bottom: none;
    }

    .navbar-nav .btn {
        padding: .85rem 1rem;
    }
}

/* Smaller phones */
@media (max-width: 480px) {

    .site-logo {
        height: 40px;
        border-radius: .75rem
    }

    .shast-toggler {
        transform: scale(.9);
    }
}

.site-logo {
    height: 58px;
    width: auto;
    display: block;
    border-radius: .75rem;
}

@media (max-width: 991px) {
    .site-logo {
        height: 46px;
    }
}