:root{
  --navy:#0D1B2E;
  --navy-card:#17273F;
  --teal:#14879C;
  --teal-deep:#0D5F6F;
  --gold:#C6923A;
  --ink:#E8ECF3;
  --muted:#93A2B8;
  --line:rgba(255,255,255,.09);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{
  background:var(--navy);
  color:var(--ink);
  font-family:'Trebuchet MS',system-ui,sans-serif;
  line-height:1.65;
}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px;}
a{color:var(--teal);}
.hero{
  padding:64px 0 48px;
  text-align:center;
  border-bottom:1px solid var(--line);
  background:radial-gradient(80% 120% at 50% -20%, rgba(20,135,156,.16), transparent 60%);
}
.logo img{height:48px;}
.eyebrow{font-size:11px;letter-spacing:5px;text-transform:uppercase;color:var(--teal);font-weight:700;margin-top:16px;}
.rule{width:56px;height:2px;background:var(--gold);margin:16px auto 24px;}
.hero h1{font-family:Georgia,serif;color:#fff;font-size:clamp(32px,5vw,48px);line-height:1.08;}
.hero .sub{color:var(--muted);max-width:720px;margin:18px auto 0;font-size:17px;}
.meta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;}
.meta-chip{border:1px solid var(--line);border-radius:20px;padding:7px 14px;font-size:12px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;}
.sec{padding:48px 0;border-bottom:1px solid var(--line);}
.sec h2{font-family:Georgia,serif;color:#fff;font-size:28px;margin-bottom:10px;}
.sec p.lead{color:var(--muted);max-width:720px;margin-bottom:24px;}
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;}
.person{background:var(--navy-card);border:1px solid var(--line);border-radius:12px;padding:18px;}
.person h3{color:#fff;font-family:Georgia,serif;font-size:18px;}
.person .role{color:var(--teal);font-size:11px;letter-spacing:2px;text-transform:uppercase;margin-top:4px;}
.person .mentor{color:var(--muted);font-size:13px;margin-top:8px;}
.table-wrap{overflow-x:auto;}
table{width:100%;border-collapse:collapse;font-size:14px;}
th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top;}
th{color:var(--teal);font-size:11px;letter-spacing:2px;text-transform:uppercase;}
td .owner{color:#fff;font-weight:600;}
td .tags{color:var(--muted);font-size:12px;margin-top:4px;}
.preview{color:var(--muted);font-size:13px;max-width:420px;}
.preview p{margin-bottom:8px;}
.btn{
  display:inline-block;padding:8px 14px;border-radius:8px;border:0;cursor:pointer;
  background:var(--teal-deep);color:#fff;font-weight:700;font-size:12px;text-decoration:none;
}
.btn:hover{background:var(--teal);}
.btn-ghost{background:transparent;border:1px solid var(--muted);color:var(--ink);}
.modal-backdrop{
  position:fixed;inset:0;background:rgba(0,0,0,.65);display:none;align-items:center;justify-content:center;
  padding:20px;z-index:50;
}
.modal-backdrop.open{display:flex;}
.modal{
  background:#122033;border:1px solid var(--line);border-radius:14px;padding:24px;max-width:480px;width:100%;
}
.modal h3{font-family:Georgia,serif;color:#fff;font-size:22px;}
.modal p{color:var(--muted);font-size:14px;margin:10px 0 16px;}
.modal label{display:block;font-size:13px;color:var(--ink);margin:10px 0 4px;}
.modal input[type="text"],.modal input[type="email"]{
  width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--line);
  background:#0d1828;color:#fff;font:inherit;
}
.modal .check{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:13px;color:var(--muted);}
.modal .actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}
footer{text-align:center;padding:32px 0;color:var(--muted);font-size:12px;}