:root{
  --navy:#0c3b70;
  --navy-2:#123f78;
  --gold:#d4a94b;
  --bg:#f5f7fb;
  --text:#1d2a3a;
}
body.site-body{background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif}
.font-en{font-family:'Cairo',sans-serif}
.academy-nav{background:linear-gradient(90deg,var(--navy),var(--navy-2));}
.brand-mark{display:inline-flex;width:42px;height:42px;border:2px solid var(--gold);align-items:center;justify-content:center;border-radius:12px;color:#fff;font-weight:800}
.brand-title{font-size:1rem;line-height:1;font-weight:800}
.btn-gold{background:var(--gold);color:#fff;border:none}
.btn-gold:hover{background:#bb9137;color:#fff}
.hero{background:linear-gradient(rgba(12,59,112,.88), rgba(12,59,112,.76)), url('/assets/images/7.jpeg') center/cover no-repeat; color:#fff; position:relative; overflow:hidden}
.hero-card,.glass-card{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter: blur(6px); border-radius:24px}
.hero h1{font-weight:800;font-size:clamp(2rem,4vw,4rem);line-height:1.2}
.section-title{font-weight:800;color:var(--navy);margin-bottom:1rem}
.metric-card,.service-card,.program-card,.admin-card{background:#fff;border:none;border-radius:20px;box-shadow:0 10px 35px rgba(8,35,66,.08)}
.metric-card{padding:1.25rem;text-align:center}
.metric-card .num{font-size:1.8rem;font-weight:800;color:var(--navy)}
.service-card,.program-card,.admin-card{padding:1.5rem;height:100%}
.gallery-img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 10px 30px rgba(8,35,66,.12)}
.academy-footer{background:linear-gradient(90deg,#0a2f59,#102f59);color:#fff}
.footer-link{color:#e7edf7;text-decoration:none}
.auth-wrap{min-height:calc(100vh - 80px);display:flex;align-items:center}
.auth-card{background:#fff;border:none;border-radius:24px;box-shadow:0 15px 45px rgba(8,35,66,.12)}
.form-control,.form-select{border-radius:14px;padding:.85rem 1rem}
.table-wrap{background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(8,35,66,.08)}
.badge-role{background:#eef3fb;color:var(--navy);padding:.45rem .7rem;border-radius:999px}
.hero-image{width:100%;max-width:420px;border-radius:24px;box-shadow:0 12px 35px rgba(0,0,0,.25)}
.small-muted{color:#718096}