/* assets/style.css - Modern, responsive styles for Loans Website */


body {
    font-family: 'Segoe UI', Arial, sans-serif;
    background: #f8fafc;
    color: #1a237e;
    margin: 0;
    padding: 0;
}


.navbar {
    background: #ff6f00; /* Orange */
}


.navbar-brand, .nav-link {
    color: #fff !important;
    font-weight: 600;
    letter-spacing: 1px;
}


.hero {
    background: linear-gradient(120deg, rgba(25,118,210,0.85) 60%, rgba(255,152,0,0.85) 100%),
        url('https://images.unsplash.com/photo-1519125323398-675f0ddb6308?auto=format&fit=crop&w=1200&q=80') center/cover no-repeat;
    color: #fff;
    padding: 80px 0 60px 0;
    text-align: center;
    position: relative;
}

.hero h1 {
    font-size: 2.8rem;
    font-weight: 700;
}

.hero p {
    font-size: 1.2rem;
    margin-top: 20px;
}


.section {
    padding: 60px 0;
}


.card {
    border: none;
    border-radius: 16px;
    box-shadow: 0 2px 16px rgba(255,111,0,0.08);
    transition: box-shadow 0.2s, border 0.2s;
    border-top: 4px solid #1976d2;
}

.card:hover {
    box-shadow: 0 6px 32px rgba(255,111,0,0.16);
    border-top: 4px solid #ff6f00;
}


.btn-primary {
    background: #ff6f00;
    border: none;
    border-radius: 24px;
    padding: 10px 32px;
    font-weight: 700;
    color: #fff;
    transition: background 0.2s;
    box-shadow: 0 2px 8px rgba(255,111,0,0.08);
}

.btn-primary:hover {
    background: #1976d2;
    color: #fff;
}

.btn-outline-primary {
    color: #1976d2;
    border: 2px solid #1976d2;
    background: #fff;
    border-radius: 24px;
    padding: 10px 32px;
    font-weight: 700;
    transition: background 0.2s, color 0.2s;
}

.btn-outline-primary:hover {
    background: #1976d2;
    color: #fff;
}


.footer {
    background: #1976d2;
    color: #fff;
    padding: 24px 0;
    text-align: center;
    margin-top: 40px;
}


/* Highlight Badges and Accents */
.badge.bg-success {
    background: #ff9800 !important;
    color: #fff !important;
    font-weight: 600;
    font-size: 1rem;
    border-radius: 16px;
    padding: 10px 18px;
}

/* Accordion and Card Accent */
.accordion-button:not(.collapsed) {
    background: #ffecb3;
    color: #1976d2;
}

@media (max-width: 768px) {
    .hero h1 {
        font-size: 2rem;
    }
    .section {
        padding: 32px 0;
    }
}