:root{
--navy:#0B1F33;
--navy-light:#14304F;
--aqua:#00B4D8;
--gold:#FFC93C;
--bg:#F3F8FA;
--text:#16232E;
--muted:#55707F;
--white:#FFFFFF;
}

*{box-sizing:border-box;}

body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:'Inter',system-ui,-apple-system,sans-serif;
line-height:1.6;
}

h1,h2,h3{
font-family:'Poppins','Inter',system-ui,sans-serif;
color:var(--navy);
margin:0 0 0.5rem 0;
}

a{
color:var(--aqua);
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
padding:1rem 2rem;
background:var(--navy);
position:sticky;
top:0;
z-index:10;
}

.nav-brand{
color:var(--white);
font-family:'Poppins',sans-serif;
font-weight:600;
font-size:1.1rem;
}

.nav-links a{
color:var(--white);
text-decoration:none;
margin-left:1.5rem;
padding-bottom:4px;
border-bottom:2px solid transparent;
transition:border-color .2s ease;
}

.nav-links a:hover{
border-color:var(--aqua);
}

.hero{
position:relative;
background:var(--navy);
color:var(--white);
padding:5rem 2rem 6rem 2rem;
text-align:center;
overflow:hidden;
}

.hero-eyebrow{
color:var(--aqua);
font-weight:500;
margin-bottom:0.5rem;
}

.hero h1{
color:var(--white);
font-size:3rem;
margin-bottom:0.75rem;
}

.hero-sub{
color:#CFE8F0;
max-width:36rem;
margin:0 auto;
font-size:1.1rem;
}

.wave{
position:absolute;
bottom:-1px;
left:0;
width:100%;
height:80px;
}

.wave path{
fill:var(--bg);
}

.content{
max-width:960px;
margin:0 auto;
padding:3rem 2rem;
}

.profile{
display:flex;
gap:2rem;
align-items:flex-start;
margin-bottom:3rem;
flex-wrap:wrap;
}

.portrait{
width:220px;
border-radius:12px;
box-shadow:0 8px 24px rgba(11,31,51,0.15);
}

.profile-text{
flex:1;
min-width:280px;
}

.facts table{
width:100%;
border-collapse:collapse;
background:var(--white);
border-radius:8px;
overflow:hidden;
box-shadow:0 4px 16px rgba(11,31,51,0.08);
}

.facts th,.facts td{
padding:0.75rem 1rem;
text-align:left;
border-bottom:1px solid #E1EAEE;
}

.facts th{
width:40%;
background:var(--navy-light);
color:var(--white);
font-weight:500;
}

.facts tr:last-child th,.facts tr:last-child td{
border-bottom:none;
}

.cta{
display:inline-block;
margin-top:2rem;
padding:0.85rem 1.75rem;
background:var(--aqua);
color:var(--white);
text-decoration:none;
border-radius:6px;
font-weight:600;
transition:background .2s ease;
}

.cta:hover{
background:#0091AD;
}

.page-header{
background:var(--navy-light);
color:var(--white);
padding:3rem 2rem;
text-align:center;
}

.page-header h1{
color:var(--white);
}

.page-header p{
color:#CFE8F0;
margin:0;
}

.photo-table{
width:100%;
border-collapse:separate;
border-spacing:1.5rem;
margin:2rem 0;
}

.photo-table caption{
caption-side:top;
text-align:left;
font-weight:600;
color:var(--navy);
margin-bottom:1rem;
font-size:1.1rem;
}

.photo-table td{
text-align:center;
}

.photo-table img{
border-radius:8px;
box-shadow:0 4px 14px rgba(11,31,51,0.15);
transition:transform .2s ease;
}

.photo-table img:hover{
transform:scale(1.04);
}

.hint{
color:var(--muted);
font-size:0.9rem;
}

.achievements{
list-style:none;
counter-reset:item;
padding:0;
margin:2rem 0;
}

.achievements li{
counter-increment:item;
position:relative;
padding:1rem 0 1rem 3rem;
border-bottom:1px solid #E1EAEE;
}

.achievements li::before{
content:counter(item);
position:absolute;
left:0;
top:1rem;
width:2rem;
height:2rem;
border-radius:50%;
background:var(--gold);
color:var(--navy);
font-weight:700;
display:flex;
align-items:center;
justify-content:center;
font-family:'Poppins',sans-serif;
}

.achievements h3{
margin-bottom:0.25rem;
}

.achievements a{
font-weight:500;
}

.footer{
text-align:center;
padding:1.5rem;
color:var(--muted);
font-size:0.85rem;
}

@media (max-width:600px){
.hero h1{font-size:2.2rem;}
.nav{flex-direction:column;gap:0.5rem;}
.nav-links a{margin:0 0.75rem;}
}