:root{--navy:#0B1F3A;--gold:#D4AF37;--ink:#111827;--off:#E8EDF6;--light:#FFFFFF} *{box-sizing:border-box}html,body{margin:0}body{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:var(--navy);color:var(--off);line-height:1.6} img{max-width:100%;height:auto;display:block} a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline} .container{max-width:1100px;margin:0 auto;padding:0 1rem} /* Header alignment */ .header{position:sticky;top:0;background:#fff;border-bottom:1px solid #E5E7EB;z-index:20} .header .head{display:flex;align-items:center;justify-content:space-between;gap:1rem} .brand{display:flex;align-items:center;gap:.6rem;color:#0B1F3A;font-weight:800;letter-spacing:.2px;padding:.6rem 0} .brand img{width:36px;height:36px}.brand span{line-height:1;position:relative;top:.5px} .nav{display:flex;gap:1rem;align-items:center;justify-content:flex-end} .nav a{color:#111827}.nav .btn.small{padding:.45rem .8rem;border-radius:.6rem;background:var(--gold);color:#0B1F3A;font-weight:700} .hamburger{display:none;position:absolute;right:1rem;top:.8rem;background:none;border:none;font-size:1.5rem;color:#0B1F3A} @media(max-width:900px){.nav{position:fixed;inset:0 0 0 40%;transform:translateX(100%);background:#fff;padding:4rem 1rem;flex-direction:column;gap:1rem;box-shadow:-8px 0 24px rgba(0,0,0,.08)}.nav.open{transform:translateX(0)}.hamburger{display:block}} /* Hero (dark) */ .hero.dark{background:radial-gradient(800px 300px at 60% 10%, rgba(212,175,55,.08), transparent), radial-gradient(500px 260px at 10% 30%, rgba(212,175,55,.06), transparent)} .hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:start;padding:2rem 0} .hero h1{font-size:clamp(1.9rem,3.6vw,2.8rem);margin:.2rem 0 .6rem;color:#fff}.hero p{color:#d6deea} .cta-row{display:flex;gap:.8rem;margin:.8rem 0 1rem;flex-wrap:wrap} .btn{display:inline-block;background:var(--gold);color:#0B1F3A;padding:.7rem 1.1rem;border-radius:.7rem;font-weight:800} .btn.ghost{background:transparent;border:2px solid #F8E9B5;color:#F8E9B5} .pillbar{display:flex;gap:.5rem;flex-wrap:wrap;list-style:none;padding:0;color:#BFD1E9} .pillbar li, .pillbar span{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.25rem .6rem;color:#dfe7f2} .hero-card{border:1px solid rgba(255,255,255,.25);border-radius:1rem;padding:1rem;background:rgba(255,255,255,.06);box-shadow:0 6px 14px rgba(0,0,0,.14)} /* Light cards on navy */ .strip.on-navy{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);margin:1rem 0} .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 0} .tile{background:#fff;color:#111;border:1px solid #E5E7EB;border-radius:1rem;padding:1rem;box-shadow:0 6px 14px rgba(0,0,0,.12)} .tile h3{margin:.2rem 0 .2rem;color:#0B1F3A} @media(max-width:960px){.tiles{grid-template-columns:1fr 1fr}} /* Grids & cards */ .grid.two{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0}.grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0} .cards .card, .card{background:#fff;color:#111;border:1px solid #E5E7EB;border-radius:1rem;padding:1rem;box-shadow:0 6px 14px rgba(0,0,0,.12)} .lead{color:#d6deea}.dash{padding-left:1.2rem}.dash li{margin:.2rem 0;list-style:'– '} .points{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.points div{background:#fff;color:#111;border:1px solid #E5E7EB;border-radius:.8rem;padding:.8rem} .aside{background:#fff;color:#111;border:1px solid #E5E7EB;border-radius:1rem;padding:1rem} .checks{padding-left:1rem}.checks li::marker{content:'✔ '} .links{list-style:none;padding:0}.links li{margin:.3rem 0} .band.on-navy{border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);padding:1rem 0;margin:1rem 0} .testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem} .testimonials figure{background:#fff;color:#111;border:1px solid #E5E7EB;border-radius:1rem;padding:1rem;box-shadow:0 6px 14px rgba(0,0,0,.12)} .cta-wide{text-align:center;margin:2rem 0}.page-head{padding:1rem 0}.page-head h1{color:#fff} /* Courses index cards */ .grid.three.cards .card{display:block} /* Blog */ .posts{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1rem 0}.post-card{background:#fff;color:#111;border:1px solid #E5E7EB;border-radius:1rem;padding:1rem} .prose p{margin:.6rem 0;color:#e9eef7} /* Form */ .form label{display:block;margin:.4rem 0}.form input,.form select,.form textarea{width:100%;padding:.6rem .7rem;border:1px solid #D1D5DB;border-radius:.6rem} .tiny{color:#C7D2FE;font-size:.85rem} /* Footer */ .footer{background:#0F172A;color:#E2E8F0;margin-top:2rem} .footer a{color:#E2E8F0}.footer .cols{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;padding:1.2rem 0} .copy{text-align:center;color:#94A3B8;border-top:1px solid rgba(255,255,255,.12);padding:1rem 0;margin-top:1rem} @media(max-width:900px){.grid.two,.grid.three,.testimonials,.posts{grid-template-columns:1fr}.footer .cols{grid-template-columns:1fr}.hero-grid{grid-template-columns:1fr}}