.account-dialog{width:min(540px,calc(100% - 32px));max-height:90vh;overflow:auto}.account-dialog h2{font-size:2rem;line-height:1.35;margin:20px 0}.account-dialog form,.account-dialog label,[data-setup] form{display:grid;gap:12px}.account-dialog input,[data-setup] input{padding:14px;background:#181818;border:1px solid #666;color:#fff;border-radius:5px;font:inherit}.account-dialog .button{margin:12px 0}.account-dialog .text-button{display:block;margin:18px 0}.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:24px 0}.library-card{padding:24px;border:1px solid #555;border-radius:12px}.library-card h3{font-size:1.8rem;line-height:1.4;margin:0 0 24px}.account-page{padding-top:70px;padding-bottom:80px;min-height:60vh}.account-page h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.3}.classroom{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;margin:28px 0}.lesson-player{aspect-ratio:16/9;background:#000}.lesson-player iframe{width:100%;height:100%;border:0}.lesson-view h2{font-size:1.8rem;line-height:1.4}.lesson-list{max-height:75vh;overflow:auto}.lesson-list summary{padding:18px;font-weight:600;cursor:pointer}.lesson-button{width:100%;display:block;text-align:left;padding:14px;color:inherit;background:transparent;border:0;border-bottom:1px solid #333;cursor:pointer;font:inherit}.lesson-button[aria-current]{background:#f9bd35;color:#111}.lesson-list details{border:1px solid #444;margin-bottom:10px}@media(max-width:780px){.classroom{grid-template-columns:1fr}.lesson-list{max-height:none}}

/* Clear entry points to the free vocal course lesson. */
.demo-preview{display:block;position:relative;text-decoration:none;color:#fff;overflow:hidden;border-radius:12px 12px 0 0}
.demo-preview img{display:block;width:100%;height:auto;filter:brightness(.65);transition:filter .2s}
.demo-preview:hover img,.demo-preview:focus-visible img{filter:brightness(.85)}
.demo-preview-label{position:absolute;inset:auto 12px 16px;padding:14px 12px;text-align:center;background:#151515ed;border:1px solid #f9bd35;border-radius:8px;font-weight:700;color:#f9bd35}
.demo-preview-label small{display:block;margin-top:5px;color:#fff;font-size:13px;font-weight:400}
.demo-preview:focus-visible,.demo-cta:focus-visible{outline:3px solid #f9bd35;outline-offset:4px}
.hero-actions .demo-cta{white-space:normal;text-align:center}
.bundle-section{padding-block:72px}.bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.bundle-card{padding:28px;border:1px solid #51472f;border-radius:16px;background:#181816;display:flex;flex-direction:column;gap:16px}.bundle-card h3{font-size:30px;line-height:1.3}.bundle-card p{line-height:1.7}.bundle-card .button{margin-top:auto}.bundle-split{font-size:14px;color:#e4cd99}.bundle-explainer{margin-top:28px;padding:24px;background:#22211b;border-radius:12px}.bundle-explainer p{line-height:1.8;max-width:1000px}@media(max-width:850px){.bundle-grid{grid-template-columns:1fr}.bundle-section{padding-block:44px}}

/* Image-led course packs, inside the catalogue. */
.catalog-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}.catalog-shortcuts a{border:1px solid #6f5eff88;border-radius:30px;padding:10px 18px;font-size:.8rem}.catalog-shortcuts a:last-child{background:#422dff;color:#fff}
.catalog .bundle-section{margin-top:56px;border-top:1px solid var(--line)}.bundle-section .section-heading p{max-width:380px}.bundle-card{padding:0;gap:0;overflow:hidden}.bundle-art{height:205px;position:relative;background:radial-gradient(ellipse at 45% 35%,#6f5eff60,transparent 70%),#191527;border-bottom:1px solid #6f5eff44;overflow:hidden}.bundle-art img{position:absolute;width:65%;border-radius:7px;box-shadow:0 12px 28px #0008;object-fit:contain}.bundle-art img:first-child{left:6%;top:22px;transform:rotate(-7deg)}.bundle-art img:nth-child(2){right:5%;bottom:18px;transform:rotate(5deg)}.bundle-art-3 img{width:54%}.bundle-art-3 img:first-child{left:5%;top:15px}.bundle-art-3 img:nth-child(2){right:4%;top:26px;bottom:auto;transform:rotate(7deg)}.bundle-art-3 img:nth-child(3){width:66%;left:18%;bottom:12px}
.bundle-body{padding:25px;display:flex;flex-direction:column;gap:16px;flex:1}.bundle-body .eyebrow{font-size:.62rem;letter-spacing:.08em;margin:0;color:#b8afff}.bundle-card h3{font-size:1.35rem;line-height:1.4}.bundle-body>p{font-size:.82rem}.bundle-includes{padding:0;margin:0;list-style:none;font-size:.75rem;color:#ddd}.bundle-includes li{padding:7px 0;border-bottom:1px solid #ffffff12}.bundle-includes li:before{content:'✓';color:var(--green);margin-right:9px}.bundle-pricing{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:7px}.bundle-saving{background:#ffcc0018;color:#ffcc00;padding:5px 10px;border-radius:5px;font-size:.78rem;font-weight:600}.bundle-separate{font-size:.74rem;color:var(--muted)}.bundle-pricing .purchase-price{margin:0;font-size:2.7rem;line-height:1.3}.bundle-pricing small{font-size:.8rem}.bundle-split{color:#d4cef1;min-height:48px}.bundle-body .button{margin-top:0;width:100%;font-size:.78rem;padding-inline:10px}.bundle-body .micro{font-size:.65rem;margin:0;text-align:center}.bundle-explainer{background:#1c1928;border:1px solid #6f5eff44}.bundle-explainer summary{cursor:pointer;font-weight:600}.bundle-explainer p{font-size:.85rem;margin-top:14px}.bundle-currency-note{font-size:.7rem;margin-top:16px;max-width:900px}
@media(max-width:1100px) and (min-width:851px){.bundle-body{padding:18px}.bundle-art{height:165px}.bundle-card h3{font-size:1.1rem}}
@media(max-width:850px){.bundle-art{height:245px}.bundle-art img{max-height:190px}.bundle-body{padding:25px}.bundle-split{min-height:0}.catalog .bundle-section{margin-top:35px}}
/* Savings remain adjacent to the total, with stronger visual hierarchy. */
.bundle-saving{display:block;width:100%;font-family:Oswald,Impact,sans-serif;font-size:clamp(1.65rem,2.5vw,2.1rem);font-weight:700;line-height:1.3;letter-spacing:.01em;background:#ffcc00;color:#121212;padding:12px 16px;border-radius:8px;margin-bottom:5px}.bundle-pricing{align-items:stretch}.bundle-separate{font-size:.8rem}

/* A visual entry into a real lesson. */
.demo-experience{padding-block:35px 85px}.demo-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin:28px 0 35px}.demo-intro h1{font-size:clamp(2.5rem,4.5vw,4.5rem)}.demo-intro>p{font-size:.95rem;max-width:440px;padding-bottom:8px}.demo-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);gap:30px;align-items:start}.demo-stage{border:1px solid #6f5eff70;border-radius:16px;overflow:hidden;background:#09090c;box-shadow:0 22px 70px #422dff15}.demo-poster{position:relative;display:block;width:100%;aspect-ratio:16/10;padding:0;text-align:left;background:#171222;overflow:hidden}.demo-poster>img{width:100%;height:100%;object-fit:cover;filter:brightness(.65)}.demo-poster-shade{position:absolute;inset:0;background:linear-gradient(180deg,#12121230,transparent 30%,#121212f5)}.demo-poster-top{position:absolute;inset:22px 22px auto;display:flex;justify-content:space-between;align-items:center;font-size:.65rem;letter-spacing:.12em}.demo-play-icon{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;padding-left:5px;border-radius:50%;background:#422dff;color:#fff;border:1px solid #a69cff;font-size:24px;box-shadow:0 0 0 10px #6f5eff20;transition:background .2s,box-shadow .2s}.demo-poster:hover .demo-play-icon{background:#6f5eff;box-shadow:0 0 0 15px #6f5eff25}.demo-poster-caption{position:absolute;bottom:25px;left:28px;right:25px;display:flex;flex-direction:column;gap:9px}.demo-poster-caption>span{font-size:.65rem;letter-spacing:.15em;color:#c8c2ef}.demo-poster-caption strong{font:700 clamp(1.5rem,2.5vw,2.5rem)/1.22 Oswald,sans-serif}.demo-poster-caption small{font-size:.75rem;color:#ddd}.demo-stage [hidden]{display:none!important}.demo-stage iframe{display:block}.demo-play-status{font-size:.8rem;margin:14px 0;min-height:1.7em}.demo-benefits{display:flex;flex-wrap:wrap;gap:20px;font-size:.75rem;color:#c8c2ef}.demo-guide{padding:28px;border:1px solid var(--line);border-radius:16px;background:#1b1924}.demo-guide h2{font-size:2.1rem}.demo-guide>p{font-size:.82rem;margin-top:18px}.demo-chapter{display:flex;align-items:center;gap:14px;padding:22px 0;margin-top:12px;border-bottom:1px solid var(--line)}.demo-chapter>span{font:700 2rem Oswald;color:#6f5eff}.demo-chapter strong{font-size:.85rem}.demo-chapter small{display:block;font-size:.65rem;color:var(--muted);margin-top:5px}.demo-next{padding-top:25px}.demo-next .eyebrow{font-size:.65rem;margin-bottom:12px}.demo-next p{font-size:.8rem}.demo-next .button{width:100%;margin-top:20px;font-size:.8rem}.demo-next .micro{font-size:.65rem}.demo-complete{margin-top:35px;padding:35px;border:1px solid #6f5eff;border-radius:16px;background:linear-gradient(120deg,#271b55,#18151e)}.demo-complete h2{font-size:2.5rem}.demo-complete p{margin-top:20px}.demo-complete[hidden]{display:none}
@media(max-width:900px){.demo-intro,.demo-layout{grid-template-columns:1fr;gap:25px}.demo-intro>p{max-width:650px}.demo-guide{display:block}.demo-poster{aspect-ratio:16/10}}@media(max-width:500px){.demo-poster{aspect-ratio:4/3}.demo-poster-caption{left:18px;bottom:18px}.demo-poster-top{inset:16px 16px auto}.demo-play-icon{width:60px;height:60px;top:39%}.demo-poster-caption strong{font-size:1.5rem}.demo-poster-caption small{font-size:.65rem}.demo-benefits{gap:12px;font-size:.7rem}.demo-guide{padding:23px}}

.bundle-saving{width:auto;align-self:flex-start;font-family:Poppins,Arial,sans-serif;font-size:1rem;line-height:1.4;padding:8px 12px;letter-spacing:0}.course-info>.button{width:100%;margin-top:20px;font-size:.95rem;padding:15px 16px}

/* One available pack: fill both columns instead of leaving a short cover. */
.bundle-grid:has(>.bundle-card:only-child){grid-template-columns:minmax(0,1fr)}
.bundle-grid>.bundle-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.bundle-grid>.bundle-card:only-child .bundle-art{height:100%;min-height:380px;border-bottom:0;border-right:1px solid #6f5eff44}
.bundle-grid>.bundle-card:only-child .bundle-art img{width:76%;max-height:none}
.bundle-grid>.bundle-card:only-child .bundle-art img:first-child{top:16%;left:6%;transform:rotate(-7deg)}
.bundle-grid>.bundle-card:only-child .bundle-art img:nth-child(2){bottom:14%;right:5%;transform:rotate(6deg)}
.bundle-grid>.bundle-card:only-child .bundle-body{padding:30px;gap:14px}
.bundle-grid>.bundle-card:only-child .bundle-split{min-height:0}
.bundle-grid>.bundle-card:only-child .bundle-body h3{font-size:1.7rem}
@media(max-width:700px){
.bundle-grid>.bundle-card:only-child{grid-template-columns:1fr}
.bundle-grid>.bundle-card:only-child .bundle-art{height:235px;min-height:0;border-right:0;border-bottom:1px solid #6f5eff44}
.bundle-grid>.bundle-card:only-child .bundle-art img{width:65%;max-height:185px}
.bundle-grid>.bundle-card:only-child .bundle-art img:first-child{top:22px}
.bundle-grid>.bundle-card:only-child .bundle-art img:nth-child(2){bottom:18px}
.bundle-grid>.bundle-card:only-child .bundle-body{padding:24px}
}
.setup-page{max-width:620px;padding-block:56px 72px}.setup-page h1{font-size:clamp(2.4rem,6vw,3.6rem);line-height:1.2;margin-bottom:18px}.setup-page>p{margin-bottom:28px}.setup-form{display:grid;gap:22px;background:#1c1928;border:1px solid #6f5eff66;border-radius:16px;padding:28px}.setup-form label{display:grid;gap:9px;font-size:.9rem}.setup-form input{width:100%;min-width:0;background:#121212;color:#fff;border:1px solid #676275;border-radius:8px;padding:14px;font-size:16px}.setup-form input[readonly]{color:#d3caff;background:#242031}.setup-form .button{width:100%;font-size:.9rem}.setup-form [role=status]{font-size:.85rem;line-height:1.6}@media(max-width:600px){.setup-page{width:calc(100% - 32px);padding-top:36px}.setup-form{padding:20px}}