testing
:root{
--blue:#002B5C;
--blue-700:#003366;
--blue-600:#004080;
--accent:#00BFFF;
--white:#ffffff;
}
*{box-sizing:border-box}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:var(--blue);color:var(--white);}
a{color:inherit;text-decoration:none}
.container{padding:0 3rem}
header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:1px solid rgba(255,255,255,0.2)}
.brand{display:flex;align-items:center;gap:.75rem}
.brand img{height:40px}
.nav{gap:1.5rem;display:none}
@media (min-width: 768px){ .nav{display:flex} }
.hero{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center;padding:5rem 3rem}
@media (min-width: 768px){ .hero{grid-template-columns:1fr 1fr} }
h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin:0 0 1.5rem}
p{margin:0 0 1rem}
.btn{display:inline-block;padding:.9rem 1.25rem;border-radius:1rem;font-weight:600;border:1px solid transparent;transition:background .2s ease, color .2s ease, border-color .2s ease, transform .05s ease}
.btn:active{transform:translateY(1px)}
.btn-primary{background:var(--accent);color:var(--white)}
.btn-outline{background:transparent;color:var(--white);border-color:var(--white)}
/* Book a Workshop button special hover (blue default, black on hover) */
.btn-book{background:var(--accent);color:var(--white)}
.btn-book:hover{background:#000000;color:var(--white)}
.buttons{display:flex;gap:1rem;flex-wrap:wrap}
.card{background:var(--blue-600);border-radius:1rem;box-shadow:0 6px 24px rgba(0,0,0,.24)}
.card .content{padding:2rem}
.muted{color:rgba(255,255,255,.75);font-size:.9rem}
section{padding:4rem 3rem}
.section-alt{background:var(--blue-700)}
.grid-3{display:grid;grid-template-columns:1fr;gap:2rem}
@media (min-width: 900px){ .grid-3{grid-template-columns:repeat(3,1fr)} }
.card h3, .card p, .card li, .card h2{color:var(--white)}
.footer{padding:2rem 3rem;border-top:1px solid rgba(255,255,255,0.2);color:rgba(255,255,255,.8)}