*{box-sizing:border-box}body{margin:0;background:#eef4fb;color:#071d3d;font:16px system-ui}header,footer{background:#062b61;color:white}header>div,footer>div,main{max-width:1180px;margin:auto;padding:1rem}nav{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.7rem}header a,footer a{color:white}.hero{padding:2rem;background:linear-gradient(120deg,#062b61,#0866c6);color:white;border-radius:18px;margin:1.5rem 0}.hero h1{font-size:clamp(2rem,6vw,4rem);margin:.3rem 0}.hero form{display:flex;gap:.5rem}.hero input{flex:1;padding:.8rem}.profile{display:grid;grid-template-columns:180px 1fr;gap:1.5rem}.profile img,.spotlight img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px}.spotlight{display:grid;grid-template-columns:1fr 320px;gap:1rem;background:#fff3c4;border:1px solid #e4b900;border-radius:16px;padding:1.2rem}.cards{display:grid;gap:1rem}.directory{grid-template-columns:repeat(4,1fr)}.videos,.offers{grid-template-columns:repeat(3,1fr)}.card{background:white;border:1px solid #bfd0e5;border-radius:14px;padding:1rem;overflow:hidden}.card>img{width:calc(100% + 2rem);margin:-1rem -1rem 1rem;aspect-ratio:16/9;object-fit:cover}.card button,.button,.hero button,.hero form button,.toolbar button{display:inline-block;padding:.7rem 1rem;background:#075fc9;color:white;border:0;border-radius:8px;font-weight:800;text-decoration:none}.toolbar{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.sponsor{display:inline-block;background:#ffd632;padding:.3rem;border-radius:5px}.disclosure{font-size:.9rem;color:#43546a}@media(max-width:850px){.directory{grid-template-columns:repeat(2,1fr)}.videos,.offers{grid-template-columns:1fr 1fr}.spotlight{grid-template-columns:1fr}.profile{grid-template-columns:1fr}}@media(max-width:520px){.directory,.videos,.offers{grid-template-columns:1fr 1fr}.hero form{display:grid}.card{font-size:.9rem}}
.videos{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:.25rem 0 1rem}.videos>.card{flex:0 0 min(320px,78vw);scroll-snap-align:start}.shelf-controls{display:flex;justify-content:flex-end;gap:.5rem;margin:.5rem 0}.shelf-controls button{border:0;border-radius:999px;background:#075fc9;color:#fff;font-weight:900;width:44px;height:44px;cursor:pointer}@media(max-width:520px){.videos>.card{flex-basis:46vw}}