:root{--navy:#1a2f6b;--navy2:#2c4fb3;--gold:#f5b335;--bg:#f4f6fb}
body{font-family:'Inter',system-ui,sans-serif;background:var(--bg);color:#26304d}
.navbar{background:linear-gradient(90deg,var(--navy),var(--navy2));box-shadow:0 4px 18px rgba(26,47,107,.25)}
.navbar-brand{letter-spacing:.3px}
.navbar .nav-link{border-radius:8px;margin:0 2px;padding:.45rem .8rem!important;transition:.2s}
.navbar .nav-link:hover{background:rgba(255,255,255,.15)}
.navbar .nav-link.active{background:var(--gold);color:var(--navy)!important}
.page-hero{background:linear-gradient(120deg,var(--navy),var(--navy2) 70%,#4a74e0);color:#fff;padding:2.2rem 0 3rem;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;background:rgba(245,179,53,.18)}
.page-hero h1{font-size:1.9rem;font-weight:800;margin:0}
.page-hero .sub{opacity:.85}
.main{margin-top:-1.6rem;position:relative}
.panel{background:#fff;border-radius:18px;padding:1.6rem;box-shadow:0 8px 30px rgba(26,47,107,.08)}
h5{color:var(--navy);font-weight:700;margin:1.8rem 0 .9rem;padding-left:.7rem;border-left:5px solid var(--gold)}
.panel>h5:first-child{margin-top:0}
.card h5{border:0;padding:0;margin:.4rem 0 .5rem}
table.table{border-radius:12px;overflow:hidden;box-shadow:0 2px 14px rgba(26,47,107,.08);background:#fff}
.table-primary{--bs-table-bg:var(--navy);--bs-table-color:#fff;--bs-table-border-color:#2c4590}
.table-hover tbody tr:hover,.table tbody tr:hover{background:#f0f4ff}
pre.mermaid{background:#fff;border:1px solid #e3e8f5;border-radius:14px;padding:1rem;text-align:center;overflow:auto;box-shadow:0 2px 14px rgba(26,47,107,.06)}
.btn{border-radius:10px;font-weight:600}
.btn-primary{--bs-btn-bg:var(--navy);--bs-btn-border-color:var(--navy);--bs-btn-hover-bg:#14255a;--bs-btn-hover-border-color:#14255a}
.form-control,.form-select{border-radius:10px;border-color:#d5dcf0}
.form-control:focus,.form-select:focus{border-color:var(--navy2);box-shadow:0 0 0 .2rem rgba(44,79,179,.15)}
.alert{border:0;border-radius:14px;border-left:6px solid var(--gold)}
.feature{border:0;border-radius:18px;transition:.25s;box-shadow:0 6px 22px rgba(26,47,107,.08);overflow:hidden}
.feature:hover{transform:translateY(-6px);box-shadow:0 14px 34px rgba(26,47,107,.18)}
.feature .ico{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;display:grid;place-items:center;font-size:1.6rem}
.feature .no{font-size:.75rem;font-weight:700;color:var(--gold);letter-spacing:1px;text-transform:uppercase}
.chip{display:inline-block;background:rgba(255,255,255,.16);border-radius:30px;padding:.35rem .9rem;margin:.2rem .3rem .2rem 0;font-size:.85rem}
footer{color:#7a86a8}
@media print{.navbar,footer{display:none}}