:root{ --navy:#062c50; --navy-dark:#03233f; --gold:#d5ae52; --gold-light:#f4cf70; --text:#222;}
body{ margin:0; color:var(--text); font-family:"Arial", Helvetica, sans-serif ; background:#fff; }
/* Header */
.site-header{ background:#fff; border-bottom:1px solid #eee; }
.brand{ text-decoration:none; line-height:.9; }
.brand-main{ display:block; color:var(--navy); font-size:2.35rem; font-weight:700; letter-spacing:2px; }
.brand-sub{ display:block; color:#b99a55; font-size:.95rem; font-weight:600; letter-spacing:3px; margin-top:8px; }
.navbar-nav .nav-link{ color:#0b1630; font-weight:600; font-size:.9rem; padding:1.55rem .95rem 1.35rem; position:relative; }
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link:hover::after{ content:""; position:absolute; left:50%; bottom:8px; transform:translateX(-50%); width:50px; height:3px; background:var(--gold); }
/* Hero */
.about-hero {
    min-height: 430px;
    display: flex;
    align-items: center;
    background: linear-gradient(
        90deg,
        rgba(2, 25, 43, .96) 0%,
        rgba(7, 34, 53, .88) 42%,
        rgba(7, 23, 35, .48) 100%
    ),
    url("imgs/bg.jpg") center/cover no-repeat;
    color: #fff;
}
.hero-title{ font-size:3.25rem; font-weight:700; letter-spacing:.5px; margin-bottom:1.15rem; }
.gold-line{ width:78px; height:7px; background:var(--gold-light); margin-bottom:1.5rem; }
.hero-company{ color:var(--gold-light); font-size:1.65rem; font-weight:700; margin-bottom:1.35rem;  }
.hero-text{ max-width:570px; font-size:1.12rem; line-height:1.45; font-weight:600; }
/* Directors */
.content-section{  padding:24px 0 15px; }
.section-title{ color:var(--navy); font-size:1.9rem; font-weight:700; margin-bottom:1rem; }
.section-title2{ color:var(--navy); font-size:1rem; font-weight:700; margin-bottom:0.3rem; }
.directors-table{ border:1px solid #ddd; overflow:hidden; border-radius:10px; }
.directors-table thead th{ background:var(--navy);  color:#fff; font-weight:600;  text-align:center; padding:0.8rem; border-color:#ddd; }
.directors-table td{ padding:.7rem .8rem; vertical-align:middle;  border-color:#ddd; }
.directors-table td:not(:nth-child(2)){ text-align:center; }
/* Company information */
.company-info{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:1.2rem 0 .9rem; }
.info-row{ display:flex; align-items:flex-start; gap:15px; margin-bottom:13px;  }
.info-icon{ width:45px; min-width:45px; height:45px; border:2px solid var(--gold); color:#a8873d;  display:flex;  align-items:center; justify-content:center; font-size:1.35rem; border-radius:4px; }
.info-label{ color:var(--navy); font-weight:700; min-width:170px; }
.info-value{ color:#333;  }
.info-value a{ color:#28609a; text-decoration:none; }
.info-value a:hover{ text-decoration:underline;  }
/* Disclaimer */
.disclaimer-title{ color:var(--navy);  font-size:1rem; font-weight:700; margin-bottom:.8rem; }
.disclaimer{ background:#ecf3ff; border:1px solid #bdd6fe; border-radius:5px; padding:1rem 1.15rem; font-size:.8rem; line-height:1.55; }
.roundlink {font-size:40px; color:#222; background:#fff; border-radius:50%;  padding:8px 15px 8px 15px;}
/* Footer */
footer{ background:var(--navy); color:#fff; text-align:center; padding:1rem; font-size:1rem; }
@media(max-width:767.98px){
.brand-main{font-size:1.75rem}
.brand-sub{font-size:.7rem; letter-spacing:2px}
.navbar-nav .nav-link{padding:.65rem 0}
.navbar-nav .nav-link.active::after,
.navbar-nav .nav-link:hover::after{ left:0; transform:none; bottom:2px; width:40px; }
.about-hero{min-height:470px}
.hero-title{font-size:2.45rem}
.hero-company{font-size:1.35rem}
.hero-text{font-size:1rem}
.info-row{gap:10px}
.info-label{min-width:110px}
.directors-table{font-size:.9rem}
}