body {
    background: linear-gradient(180deg, #070b16 0%, #111827 100%);
    color: #e5e7eb;
}
.hero {
    background: linear-gradient(180deg, rgba(14, 23, 42, 0.9), rgba(15, 23, 42, 0.85)), url('https://images.unsplash.com/photo-1519377345644-937ef9754740?auto=format&fit=crop&w=1600&q=80');
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}
.hero .hero-content {
    max-width: 760px;
    margin: 0 auto;
    backdrop-filter: blur(8px);
}
.card, .status-box, form {
    background: rgba(15, 23, 42, 0.85);
}
.card {
    border: 1px solid rgba(148, 163, 184, 0.12);
}
.status-box {
    display: inline-block;
    min-width: 260px;
}
.nav-link:hover {
    color: #60a5fa !important;
}
button.btn-primary {
    background-color: #2563eb;
    border-color: #2563eb;
}
button.btn-primary:hover {
    background-color: #1d4ed8;
    border-color: #1d4ed8;
}
.navbar-toggler {
    border-color: rgba(226, 232, 240, 0.25);
}
.navbar-toggler-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,%20255,%20255,0.8%29' stroke-width='2' stroke-linecap='round' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}