:root{--bjj-dark:#0b0d10;--bjj-panel:#15191f;--bjj-accent:#d92d36;--bjj-text:#f5f7fa;--bjj-muted:#a8b0bd}.bjjvault-course,.bjjvault-account{max-width:1200px;margin:auto;padding:40px 20px}.bjjvault-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:44px;align-items:center;background:var(--bjj-dark);color:var(--bjj-text);padding:40px;border-radius:18px}.bjjvault-hero img{width:100%;max-height:560px;object-fit:cover;border-radius:12px}.bjjvault-eyebrow,.bjjvault-meta{color:var(--bjj-muted);text-transform:uppercase;letter-spacing:.08em}.bjjvault-price{display:block;font-size:1.6rem;font-weight:800;margin:20px 0}.bjjvault-button{display:inline-block;background:var(--bjj-accent);color:#fff!important;padding:12px 20px;border-radius:5px;text-decoration:none;font-weight:800;text-transform:uppercase}.bjjvault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.bjjvault-card{position:relative;border:1px solid #dce0e5;border-radius:12px;padding:18px;background:#fff}.bjjvault-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:8px}.bjjvault-badge{position:absolute;top:28px;left:28px;background:var(--bjj-accent);color:#fff;padding:5px 9px;font-size:.75rem;font-weight:800}.bjjvault-viewer{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,.8fr);gap:0;margin:42px 0;background:var(--bjj-dark);color:var(--bjj-text)}.bjjvault-viewer>div{padding:24px}.bjjvault-viewer aside{padding:24px;background:var(--bjj-panel)}.bjjvault-viewer li{padding:12px;border-bottom:1px solid #303640}.bjjvault-viewer li.active{border-left:3px solid var(--bjj-accent)}.bjjvault-viewer a{color:#fff}.bjjvault-viewer small{display:block;color:#ff9399}.bjjvault-player{position:relative;aspect-ratio:16/9;background:#050505;display:grid;place-items:center}.bjjvault-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.bjjvault-continue{display:grid;grid-template-columns:220px 1fr;gap:24px}.bjjvault-continue img{width:100%}.bjjvault-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:20px}progress{width:100%;accent-color:var(--bjj-accent)}@media(max-width:760px){.bjjvault-course,.bjjvault-account{padding:20px 14px}.bjjvault-hero,.bjjvault-viewer,.bjjvault-continue{grid-template-columns:1fr}.bjjvault-hero{padding:22px}.bjjvault-viewer aside{order:2}.bjjvault-grid{grid-template-columns:1fr}.bjjvault-button{width:100%;text-align:center}}