/* Masterclass S11 - dodatki do style.css + kurs.css. Struktura wg landingu Jun Yuh (spec .ai/specs/2026-10-15-masterclass.md). */
.todo{background:#fff3b0;color:#5a4a00;border-radius:6px;padding:0 .3em;font-weight:700}
.todo-soft{background:#fff8d6;border:1px dashed #d8c35a;border-radius:12px;padding:12px 14px;color:#5a4a00}

.mc-count{background:var(--ink);color:#fff;text-align:center;padding:10px 16px;font-size:14px;font-weight:600;position:sticky;top:env(safe-area-inset-top,0px);z-index:20}
.mc-count span{color:#c9c6ff}
.mc-count b{font-variant-numeric:tabular-nums;margin-left:6px}

.mc-hero{display:grid;gap:28px;align-items:start;padding:clamp(24px,4vw,48px) 0 clamp(40px,6vw,72px)}
@media(min-width:900px){.mc-hero{grid-template-columns:1.25fr .75fr}}
.mc-hero-txt{min-width:0}
.mc-name{font-weight:900;text-transform:uppercase;letter-spacing:-.05em;line-height:.92;font-size:clamp(34px,5vw,56px);margin:16px 0 10px;background:var(--grad3);-webkit-background-clip:text;background-clip:text;color:transparent}
.mc-h1{font-size:clamp(26px,3.4vw,40px)}
.mc-formtitle{font-weight:900;font-size:20px;letter-spacing:-.03em;margin:0 0 12px}
.fields{display:grid;gap:10px}
@media(min-width:560px){.js-mc-signup .fields{grid-template-columns:1fr 1fr}}
.js-mc-signup .consent{margin-top:20px}

.mc-video{position:relative;max-width:360px;width:100%;margin:0 auto}
.mc-hero.no-video{grid-template-columns:1fr;max-width:760px;margin:0 auto}
.mc-video-slot:has(video){padding:0}
.mc-video-slot video{width:100%;height:100%;object-fit:cover;border-radius:var(--r)}
.mc-video-slot{aspect-ratio:9/16;max-width:100%;border-radius:var(--r);background:radial-gradient(circle at 70% 20%,rgba(67,60,255,.55),rgba(18,17,14,0) 60%),var(--ink);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-shadow:0 20px 50px rgba(18,17,14,.25)}

.mc-left{margin-left:0;text-align:left}
.mc-story{max-width:68ch;margin:18px 0 24px;font-size:17px}
.mc-cta-row{margin:32px 0 0;text-align:center}
.mc-sub{color:var(--muted);margin:14px 0 0;font-weight:600}
.dark .mc-sub{color:#c9c6ff}

.mc-days{list-style:none;padding:0;margin:clamp(28px,4vw,44px) auto 0;max-width:860px;display:grid;gap:14px;text-align:left}
.mc-days>li{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 24px}
.mc-d{font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--blue)}
.mc-days h3{font-size:clamp(19px,2.2vw,24px);margin:6px 0 10px;line-height:1.2}
.mc-days ul{margin:0;padding-left:1.1em;color:var(--muted);display:grid;gap:4px}

.mc-personas{display:grid;gap:12px;margin:clamp(26px,4vw,40px) auto 0;max-width:980px;text-align:left}
@media(min-width:700px){.mc-personas{grid-template-columns:repeat(3,1fr)}}
.mc-personas>div{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:20px}
.mc-personas b{display:block;font-size:18px;letter-spacing:-.02em;margin-bottom:6px}
.mc-personas p{margin:0;color:#d6d4f3;font-size:15px}

.mc-assets{display:grid;gap:14px;margin:clamp(28px,4vw,44px) auto 0;max-width:1000px;text-align:left}
@media(min-width:700px){.mc-assets{grid-template-columns:repeat(3,1fr)}}
.mc-assets>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.mc-assets .n{display:block;font-size:44px;font-weight:900;line-height:.9;letter-spacing:-.06em;background:var(--grad3);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.mc-assets b{display:block;font-size:19px;letter-spacing:-.02em;margin-bottom:4px}
.mc-assets p{margin:0;color:var(--muted)}

.mc-cases{display:grid;gap:14px;margin:clamp(28px,4vw,44px) auto 0;max-width:1000px;text-align:left}
@media(min-width:700px){.mc-cases{grid-template-columns:repeat(2,1fr)}}
.mc-cases>div{background:var(--card);border-radius:var(--r);padding:22px;box-shadow:0 10px 30px rgba(67,60,255,.08)}
.mc-cases b{display:block;font-size:20px;letter-spacing:-.03em;margin-bottom:6px}
.mc-cases p{margin:0;color:var(--muted)}

.mc-bonus{display:grid;gap:14px;margin:clamp(28px,4vw,44px) auto 0;max-width:1000px;text-align:left}
@media(min-width:700px){.mc-bonus{grid-template-columns:repeat(2,1fr)}}
.mc-bonus>div{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px}
.mc-bonus>div.on{background:var(--grad);color:#fff;border-color:transparent}
.mc-bonus small{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;opacity:.8}
.mc-bonus b{display:block;font-size:22px;letter-spacing:-.03em;margin:6px 0}
.mc-bonus p{margin:0}

.mc-faq{max-width:760px;margin:0 auto clamp(40px,6vw,64px);display:grid;gap:10px}
.mc-faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.mc-faq summary{cursor:pointer;font-weight:800;font-size:17px}
.mc-faq details p{margin:10px 0 0}

/* Strony po zapisie (wg Juna): ankieta 62% -> potwierdzenie 100% */
.mc-gift{max-width:820px;margin:22px auto 0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;box-shadow:var(--shadow)}
.mc-gift ul{margin:10px 0 0;padding-left:1.1em;display:grid;gap:8px}
.mc-survey{max-width:820px;margin:22px auto 0;text-align:left;display:grid;gap:14px}
.mc-q{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:18px 20px;margin:0;min-width:0}
.mc-q legend{font-weight:800;font-size:18px;display:flex;gap:10px;align-items:baseline;padding:0;float:left;width:100%}
.mc-q legend span{color:#7a5cff;font-variant-numeric:tabular-nums}
.mc-q .why{clear:both;margin:6px 0 10px;color:var(--muted);font-size:14px}
.mc-q .opts{display:grid;gap:6px}
@media(min-width:640px){.mc-q .opts{grid-template-columns:1fr 1fr}}
.mc-q label{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:12px;cursor:pointer;font-size:15px}
.mc-q label:has(input:checked){border-color:#7a5cff;background:#f3f1ff}
.mc-q textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:12px;font:inherit}
.mc-survey .btn{width:100%;justify-content:center}
.mc-done{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;padding:0;margin:12px 0 0;font-size:13px;font-weight:700;text-align:center}
.mc-done li{background:#f3f1ff;border-radius:999px;padding:6px 4px;color:#433cff}
.mc-done li::before{content:"✓ "}
/* Telefon: dlugie podswietlenie w h1 lamie sie w dwie linie zamiast rozpychac strone. */
@media(max-width:560px){.mc-h1 .ln{white-space:normal}.mc-h1 .hl{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;line-height:1.15}}

/* 18.10: historia w "Kim jestem", karty historii z cytatem, przyciski w kartach (jak u Juna) */
.mc-story{max-width:640px;font-size:clamp(17px,2vw,20px);line-height:1.5;margin:0 0 24px}
.mc-cases q{display:block;font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.35;margin-bottom:10px;quotes:"„" "”"}
.mc-cases .who{display:block;margin-top:12px;font-size:14px;color:var(--muted)}
.mc-cases .who b{display:inline;font-size:14px;color:var(--ink,inherit);margin:0 4px 0 0}
.mc-assets .mc-mini{margin-top:14px;font-size:14px;padding:10px 16px}
.mc-effects{list-style:none;margin:24px auto 0;padding:0;max-width:640px;display:grid;gap:10px;text-align:left}
.mc-effects li{position:relative;padding:14px 18px 14px 46px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r);font-weight:600}
.mc-effects li::before{content:"✓";position:absolute;left:18px;top:13px;font-weight:900;color:#b9a8ff}