.hero-overlay.svelte-16ucg71 h1:where(.svelte-16ucg71){font-size:3rem;font-weight:800;margin:0;letter-spacing:2px;line-height:1.2}.hero-overlay.svelte-16ucg71 p:where(.svelte-16ucg71){font-size:.9rem;font-weight:300;margin-top:5px;text-transform:uppercase;letter-spacing:1px;opacity:.9}.sub-hero.svelte-16ucg71{height:350px;background:url(../../../course.jpg) center/cover no-repeat;position:relative;display:flex;align-items:center;justify-content:center}.hero-overlay.svelte-16ucg71{width:100%;height:100%;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.container.svelte-16ucg71{max-width:1200px;margin:0 auto;padding:50px 15px}.community-layout.svelte-16ucg71{display:flex;gap:50px}.side-menu.svelte-16ucg71{width:200px;display:flex;flex-direction:column;flex-shrink:0}.side-menu.svelte-16ucg71 a:where(.svelte-16ucg71){padding:15px;border:none;background:#f4f4f2;margin-bottom:2px;text-align:center;cursor:pointer;font-size:1rem;color:#555;transition:.3s;text-decoration:none;border-radius:0}.side-menu.svelte-16ucg71 a.active:where(.svelte-16ucg71){background:#6b8e23;color:#fff;font-weight:700}.content-area.svelte-16ucg71{flex:1;min-width:0}@media(max-width:768px){.container.svelte-16ucg71{padding:30px 15px}.community-layout.svelte-16ucg71{flex-direction:column;gap:30px}.side-menu.svelte-16ucg71{width:100%;flex-direction:row;justify-content:center;gap:5px}.side-menu.svelte-16ucg71 a:where(.svelte-16ucg71){flex:1;padding:12px 5px;font-size:.9rem;margin-bottom:0;border-radius:4px}.sub-hero.svelte-16ucg71{height:250px}.hero-overlay.svelte-16ucg71 h1:where(.svelte-16ucg71){font-size:2.2rem}}