:root{
 --navy:#071b33;--navy2:#0b294d;--blue:#1769e0;--ink:#14243a;
 --muted:#68778b;--bg:#f4f7fb;--surface:#fff;--line:#e1e8f0;
 --radius:18px;--shadow:0 10px 30px rgba(7,27,51,.08)
}
body{background:var(--bg)!important;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.navbar{background:linear-gradient(135deg,var(--navy),var(--navy2))!important;box-shadow:0 5px 20px rgba(7,27,51,.18)}
.navbar-brand,.navbar .nav-link,.navbar .navbar-text{color:#fff!important;text-decoration:none!important}
.navbar-brand{font-weight:800!important;letter-spacing:-.03em}
.navbar .nav-link{border-radius:10px;padding:.55rem .78rem!important;transition:.18s ease}
.navbar .nav-link:hover,.navbar .nav-link:focus{color:#fff!important;background:rgba(255,255,255,.13);transform:translateY(-1px)}
.navbar .btn{transition:.18s ease}
.navbar .btn:hover{transform:translateY(-1px)}
.navbar .btn-outline-light,.navbar .btn-outline-success{color:#fff!important;border-color:rgba(255,255,255,.55)!important}
.navbar .btn-outline-light:hover,.navbar .btn-outline-success:hover{background:#fff!important;color:var(--navy)!important;border-color:#fff!important}
.navbar-toggler{border-color:rgba(255,255,255,.4)!important}.navbar-toggler-icon{filter:brightness(0) invert(1)}
.container{max-width:1180px}
.card{border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:var(--shadow)!important;overflow:hidden}
.card-header{background:#fff;border-bottom:1px solid var(--line);font-weight:700}
.card-body{padding:1.25rem}
.btn{border-radius:11px;font-weight:650;padding:.62rem .95rem}
.btn-primary{background:var(--navy2);border-color:var(--navy2)}.btn-primary:hover{background:var(--navy);border-color:var(--navy)}
.form-control,.form-select{border-radius:11px;border-color:#d8e1eb;padding:.7rem .82rem}
.form-control:focus,.form-select:focus{border-color:#8db9ed;box-shadow:0 0 0 .2rem rgba(23,105,224,.11)}
.table{vertical-align:middle}.table>:not(caption)>*>*{padding:.82rem}
.alert{border:0;border-radius:13px}.badge{border-radius:999px}
a{color:#155fca}
footer{color:#718096;padding:1.5rem 0}
.dnsys-hero{background:linear-gradient(135deg,var(--navy),#0b315d);color:#fff;border-radius:24px;padding:2rem;box-shadow:0 15px 38px rgba(7,27,51,.18)}
.dnsys-hero p{color:#cbd9e8;margin-bottom:0}
@media(max-width:767px){.dnsys-hero{padding:1.3rem;border-radius:18px}.card-body{padding:1rem}}


/* DNSYS shared navigation: clean white text, no button boxes */
.navbar .d-flex > a,
.navbar .navbar-nav a,
.navbar a.btn,
.navbar a.nav-link {
    color:#fff !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:8px !important;
    padding:.5rem .7rem !important;
    font-weight:600;
    text-decoration:none !important;
    transition:background-color .18s ease, color .18s ease, transform .18s ease;
}
.navbar .d-flex > a:hover,
.navbar .navbar-nav a:hover,
.navbar a.btn:hover,
.navbar a.nav-link:hover,
.navbar .d-flex > a:focus,
.navbar a.nav-link:focus {
    color:#fff !important;
    background:rgba(255,255,255,.12) !important;
    transform:translateY(-1px);
}
.navbar .d-flex > a:active,
.navbar a.nav-link:active {
    background:rgba(255,255,255,.18) !important;
}