body {
    background: #0d1b2a;
    color: #f8f4e3;
    font-family: 'Roboto', sans-serif;
    margin-top: 70px;
}
.navbar, footer {
    background-color: #000;
}
.navbar-brand, .nav-link, footer p {
    color: #f8f4e3;
}
.navbar-brand:hover {
    color: #ffc107;
    text-shadow: 0 0 5px #ffc107;
}
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link.active {
    color: #ffc107;
}
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(248,244,227,1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

h1, h2, h3 {
    color: #ffc107;
}
a {
    color: #ffc107;
}
a:hover {
    color: #ffca28;
}
ul.list-unstyled li {
    font-size: 1.1rem;
    margin-bottom: 15px;
}
.hero-section {
    background: linear-gradient(135deg, #0d1b2a, #000);
    padding: 80px 0;
}
.hero-section h1 {
    color: #ffc107;
    font-weight: 700;
}
.hero-section p {
    font-size: 1.25rem;
}
.btn-primary {
    background-color: #ffc107;
    border: none;
    color: #000;
}
.btn-primary:hover {
    background-color: #ffca28;
    color: #000;
}
.btn img:hover {
    filter: drop-shadow(0 0 6px #ffc107);
    transition: 0.3s ease;
}