:root{
  --bg:#d8d7d2;
  --panel:#f3f3f1;
  --text:#242424;
  --line:#c8c6bf;
  --nav:#e9e8e3;
  --nav-hover:#f8f8f6;
  --nav-active:#0f4f94;
  --accent:#b11226;
}
*{box-sizing:border-box}
body{
  margin:0;
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
  background:linear-gradient(180deg,#d6d5d0 0%,#deddd8 100%);
}
.page{
  width:min(1240px,96vw);
  margin:14px auto;
  display:grid;
  grid-template-columns:320px 1fr;
  gap:24px;
  align-items:start;
}
.sidebar{
  border:1px solid var(--line);
  background:var(--nav);
  position:sticky;
  top:10px;
}
.nav-item{
  display:block;
  text-decoration:none;
  text-transform:uppercase;
  color:#2f2f2f;
  border-bottom:1px solid var(--line);
  padding:14px;
  font-size:22px;
  font-weight:700;
  line-height:1.1;
}
.nav-item:hover{background:var(--nav-hover)}
.nav-item.active{color:var(--nav-active);background:#fff}
.content{
  border:1px solid var(--line);
  background:var(--panel);
  padding:20px;
}
h1{
  margin:0 0 12px;
  font-size:44px;
  border-bottom:1px solid var(--line);
  padding-bottom:10px;
}
h2{margin:0 0 10px;font-size:30px}
h3{margin:0 0 10px;font-size:26px}
.hero{
  margin:16px 0 20px;
  min-height:280px;
  border:1px solid #888;
  background:
    linear-gradient(120deg,rgba(0,0,0,.62),rgba(27,27,27,.2)),
    radial-gradient(circle at 80% 15%,rgba(255,234,177,.3),transparent 34%),
    linear-gradient(145deg,#3d0909 0%,#12263f 60%,#0b0b0f 100%);
  display:flex;
  align-items:end;
}
.hero-inner{color:#fff;padding:18px;max-width:760px;width:100%;text-align:center}
.logo{
  width:190px;
  height:auto;
  padding:0;
  margin:0 auto 10px;
  display:block;
}
.eyebrow{
  margin:0;
  text-transform:uppercase;
  letter-spacing:.8px;
  font-weight:700;
  color:#ffd6bd;
}
.hero-title{margin:8px 0 0;font-size:34px;line-height:1.05}
.brand-banner{
  text-align:center;
  padding:12px;
  background:#fff;
  border:1px solid var(--line);
  margin-bottom:18px;
}
.brand-banner .logo{
  width:160px;
  margin:0 auto 8px;
}
.brand-banner p{margin:0;font-size:20px;font-weight:700}
.panel{border-top:4px double var(--line);padding-top:16px;margin-top:20px}
.lead{font-size:22px;line-height:1.4;margin:0}
.course-list{list-style:none;margin:0;padding:0}
.course-list li{
  background:#fff;
  border-left:4px solid var(--accent);
  padding:12px;
  margin-bottom:10px;
}
.course-list strong{font-size:22px}
.course-list p{margin:6px 0 0;font-size:20px;line-height:1.35}
.profile-wrap{display:flex;align-items:center;gap:14px;margin:8px 0 12px}
.profile-pic{
  width:92px;
  height:92px;
  object-fit:cover;
  border:3px solid #d1d1cc;
}
.profile-pic.circle{border-radius:50%}
.contact-grid p{margin:8px 0;font-size:20px}
.contact-grid span{font-weight:700}
.local-seo-box{
  margin-top:12px;
  background:#fff;
  border:1px solid #d7d6d0;
  padding:12px;
}
a{color:#0b4da2}
@media (max-width:1080px){
  .page{grid-template-columns:1fr}
  .sidebar{position:static}
}

.site-footer{margin-top:22px;border-top:1px solid var(--line);padding-top:14px;text-align:center;font-size:18px;background:#fff;padding:12px;border:1px solid var(--line)}
.site-footer p{margin:0}

.faq-list{background:#fff;border:1px solid var(--line);padding:12px}
.faq-list p{margin:6px 0}