body {
    background: linear-gradient(135deg, #23234a 0%, #2b2c54 100%);
    color: #fff;
    min-height: 100vh;
    font-family: 'Segoe UI', 'Roboto', 'Arial', sans-serif;
}
.bg-light {
    background: #f8f8f8 !important;
    color: #23234a !important;
}
.section-title {
    font-size: 2rem;
    color: #FF9800;
    font-weight: 600;
    margin-bottom: 1rem;
}
.carousel {
    margin: 2rem auto;
    max-width: 800px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
    border-radius: 1rem;
}
.carousel-inner img {
    border-radius: 1rem;
    object-fit: cover;
    height: 400px;
}
.footer {
    background: #23234a;
    text-align: center;
    padding: 2rem 0;
}
.icon-lg {
    font-size: 2.5rem;
    color: #38b6ff;
}
.btn-brand {
    background-color: #FF9800;
    border-radius: 20px;
    color: #fff;
}
.btn-brand:hover {
    background-color: #ffb53d;
}

.about-img {
    border-radius: 16px;
    width: 100%;
    max-width: 380px;
    box-shadow: 0 2px 14px rgba(40, 40, 60, 0.22);
}