:root{
  --bg:#f6f7fb;--surface:#fff;--surface-2:#eef1f7;--ink:#171923;--muted:#687083;
  --accent:#7c3aed;--accent-2:#ec4899;--warm:#f59e0b;--line:#dfe3ec;
  --shadow:0 18px 55px rgba(38,31,71,.12);--shadow-sm:0 8px 25px rgba(38,31,71,.08);
  --radius:22px;--max:1240px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbfbfe 0,#f5f6fb 65%,#eef1f7 100%);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}button{color:inherit}.small{font-size:.84rem;color:var(--muted)}
.site-header{min-height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - var(--max))/2));position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(220,224,234,.85);background:rgba(255,255,255,.88);backdrop-filter:blur(18px)}.brand{font-size:1.5rem;font-weight:950;letter-spacing:-.055em}.brand span{background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;align-items:center;gap:25px;font-size:.88rem;font-weight:750}.nav>a:not(.button):hover,.nav>a[aria-current=page]{color:var(--accent)}.nav-form{margin:0}.nav-form button{border:0;background:none;font-weight:750;cursor:pointer}.menu-button{display:none;border:0;background:transparent;padding:8px;cursor:pointer}.menu-button i{display:block;width:24px;height:2px;background:var(--ink);margin:5px;border-radius:2px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;padding:14px 23px;font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(124,58,237,.23);transition:transform .18s,filter .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 16px 34px rgba(124,58,237,.28)}.button-small{padding:10px 17px;border-radius:11px}.button-ghost{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.button-muted{background:var(--surface-2);color:var(--ink);box-shadow:none}
.hero{max-width:var(--max);margin:auto;min-height:660px;padding:72px 24px 86px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;overflow:hidden}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.73rem;letter-spacing:.16em;font-weight:900;color:var(--accent);margin:0 0 16px;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px}.hero h1,.page-hero h1,.article h1,.error-page h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.97;letter-spacing:-.065em;margin:0}.hero h1{background:linear-gradient(145deg,#171923 15%,#4f46a5 60%,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:1.2rem;color:#565e70;max-width:620px}.price-line{margin:27px 0;font-size:1rem;color:var(--muted)}.price-line strong{color:var(--ink);font-size:1.35rem}.price-line span{margin:0 9px;color:var(--accent-2)}.hero-art{position:relative;height:520px}.hero-art:before{content:"";position:absolute;inset:8% 5%;background:radial-gradient(circle at 35% 30%,rgba(124,58,237,.25),transparent 45%),radial-gradient(circle at 70% 70%,rgba(236,72,153,.22),transparent 45%);filter:blur(10px);border-radius:50%}.hero-art img{position:absolute;width:76%;border-radius:26px;aspect-ratio:16/9;object-fit:cover;border:6px solid #fff;box-shadow:0 28px 70px rgba(38,31,71,.25)}.hero-art img:first-child{right:0;top:22px;transform:rotate(3deg)}.hero-art img:nth-child(2){left:0;bottom:38px;transform:rotate(-4deg)}.library-badge{position:absolute;right:7px;bottom:10px;background:linear-gradient(145deg,#fde68a,#f59e0b);color:#3b2603;width:148px;height:148px;border-radius:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(5deg);box-shadow:0 20px 45px rgba(91,56,4,.22);border:5px solid rgba(255,255,255,.85)}.library-badge strong{font-size:2rem;line-height:1}.library-badge span{font-size:.72rem;font-weight:850}
.section{max-width:var(--max);margin:auto;padding:82px 24px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-heading h2,.membership h2{font-size:clamp(2rem,4vw,3.55rem);letter-spacing:-.055em;line-height:1;margin:0}.section-heading>p{max-width:430px;color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.video-card{grid-column:span 4;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .2s,border-color .2s,box-shadow .2s}.video-card:nth-child(4),.video-card:nth-child(5){grid-column:span 6}.video-card:hover{transform:translateY(-6px);border-color:#c7b9f4;box-shadow:var(--shadow)}.poster-link{position:relative;display:block;overflow:hidden;background:#e9eaf0}.poster-link img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .35s}.video-card:hover img{transform:scale(1.035)}.poster-link .duration{position:absolute;right:11px;bottom:11px;background:rgba(21,22,30,.82);color:#fff;border-radius:8px;padding:4px 8px;font-size:.75rem;backdrop-filter:blur(8px)}.play-badge,.player-start{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:66px;height:66px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;display:grid;place-items:center;box-shadow:0 12px 32px rgba(32,20,63,.35);z-index:2;transition:.18s}.play-badge i,.player-start span{display:block;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:17px solid #fff;margin-left:4px}.poster-link:hover .play-badge{transform:translate(-50%,-50%) scale(1.08)}.card-copy{padding:20px}.card-copy h3{font-size:1.16rem;line-height:1.25;margin:0 0 8px}.card-copy p{font-size:.9rem;color:var(--muted);margin:0 0 14px}.text-link{font-size:.84rem;font-weight:900;color:var(--accent)}
.membership{max-width:var(--max);margin:40px auto;padding:58px;border-radius:32px;background:linear-gradient(130deg,#211448 0%,#49258a 50%,#9d174d 115%);color:#fff;display:grid;grid-template-columns:1.4fr .7fr 1fr auto;gap:40px;align-items:center;box-shadow:0 28px 70px rgba(67,35,125,.25);overflow:hidden;position:relative}.membership:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(255,255,255,.08);right:-130px;top:-160px}.membership p,.membership-price span{color:rgba(255,255,255,.72)}.membership-price strong{display:block;font-size:3.5rem;letter-spacing:-.06em;line-height:1}.membership ul,.form-intro ul,.price-card ul{list-style:none;padding:0;margin:0}.membership li,.form-intro li,.price-card li{margin:8px 0}.membership li:before,.form-intro li:before,.price-card li:before{content:"✓";color:#fcd34d;margin-right:9px;font-weight:900}.membership .button{background:#fff;color:#4c1d95;box-shadow:none;position:relative;z-index:1}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide-grid article{background:var(--surface);padding:34px;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);transition:.2s}.guide-grid article:hover{transform:translateY(-4px);border-color:#c7b9f4}.guide-grid article>span,.guide-list article>span{font-size:2.7rem;color:#c4b5fd;font-weight:950}.guide-grid h3{font-size:1.35rem;line-height:1.2}.guide-grid p{color:var(--muted);font-size:.9rem}
.site-footer{max-width:var(--max);margin:100px auto 0;border-top:1px solid var(--line);padding:50px 24px;display:grid;grid-template-columns:1fr 2fr;gap:40px;color:var(--muted)}.site-footer nav{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:14px 24px;font-size:.85rem}.site-footer a:hover{color:var(--accent)}.copyright{grid-column:1/-1;font-size:.75rem;border-top:1px solid var(--line);padding-top:25px}.cookie-banner{position:fixed;z-index:50;left:20px;right:20px;bottom:20px;max-width:900px;margin:auto;padding:18px 22px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 70px rgba(30,25,55,.2);align-items:center;justify-content:space-between;gap:20px;backdrop-filter:blur(14px)}.cookie-banner:not([hidden]){display:flex}.cookie-banner p{margin:0;font-size:.86rem;max-width:520px}.cookie-banner div{display:flex;align-items:center;gap:10px;white-space:nowrap}.cookie-banner a{font-size:.82rem;text-decoration:underline}
.page-hero{max-width:var(--max);margin:auto;padding:100px 24px 62px}.page-hero>p:last-child{max-width:700px;color:var(--muted);font-size:1.2rem}.page-hero.compact{text-align:center}.page-hero.compact h1{font-size:clamp(2.8rem,6vw,5rem)}.guide-list{padding-top:20px}.guide-list article{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:38px 0;border-top:1px solid var(--line);max-width:900px}.guide-list h2{font-size:2rem;letter-spacing:-.04em;margin:5px 0}.guide-list p{color:var(--muted)}.meta{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.article{max-width:790px;margin:auto;padding:80px 24px}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:50px}.breadcrumb a{text-decoration:underline}.article h1{font-size:clamp(2.8rem,7vw,5rem)}.article-deck{font-size:1.35rem;color:#596174}.article>p:not(.eyebrow):not(.meta):not(.breadcrumb){font-family:Georgia,serif;font-size:1.14rem;line-height:1.85;color:#3c4250}.article h2{font-size:2rem;letter-spacing:-.03em;margin-top:50px}.related,.article-cta{margin-top:55px;padding:30px;background:var(--surface);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm)}.article-cta{text-align:center;border:1px solid #ddd6fe;border-radius:20px;background:#f5f3ff}.content-page{max-width:850px;margin:auto;padding:20px 24px 90px}.content-page h2{font-size:2rem;margin-top:50px}.content-page p{color:#4f5667;font-size:1.06rem}.content-page.narrow{max-width:650px}.legal{padding-top:0}.legal a{text-decoration:underline;color:var(--accent)}
.watch-shell{max-width:var(--max);margin:auto;padding:50px 24px}.player-wrap{position:relative;background:#08090d;border-radius:24px;overflow:hidden;box-shadow:0 30px 75px rgba(31,25,52,.28)}.player-wrap video{display:block;width:100%;aspect-ratio:16/9}.player-start{width:82px;height:82px;cursor:pointer}.player-start:hover{transform:translate(-50%,-50%) scale(1.08)}.player-start[hidden]{display:none}.end-card{position:absolute;inset:0;background:rgba(14,11,28,.92);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.end-card[hidden]{display:none}.end-card h2{font-size:3rem;margin:0}.watch-info{display:grid;grid-template-columns:1fr 380px;gap:70px;padding:40px 0}.watch-info h1{font-size:3rem;letter-spacing:-.05em;line-height:1;margin:0 0 15px}.watch-info p{color:var(--muted)}.watch-info aside{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}.watch-info aside strong,.watch-info aside span{display:block}.watch-info aside span{font-size:.86rem;color:var(--muted);margin:5px 0 18px}.watch-info aside .button{width:100%;font-size:.82rem}
.form-layout{max-width:1050px;margin:70px auto;padding:30px 24px;display:grid;grid-template-columns:1fr 520px;gap:80px;align-items:center}.form-intro h1{font-size:4.5rem;line-height:.95;letter-spacing:-.06em;margin:0}.form-intro>p{color:var(--muted);font-size:1.1rem}.form-card,.price-card,.review-form-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow)}.form-card h1,.form-card h2,.review-form-card h2{font-size:2rem;letter-spacing:-.04em;margin:0 0 20px}.form-card label,.review-form-card label{display:block;font-size:.86rem;font-weight:800;margin:16px 0 7px}.form-card input,.form-card textarea,.review-form-card input,.review-form-card textarea,.review-form-card select{width:100%;border:1px solid #ccd2df;background:#fbfcff;color:var(--ink);border-radius:12px;padding:13px 14px;outline:none}.form-card input:focus,.form-card textarea:focus,.review-form-card input:focus,.review-form-card textarea:focus,.review-form-card select:focus{border-color:#9f7aea;box-shadow:0 0 0 4px rgba(124,58,237,.11)}.form-card .button,.review-form-card .button{width:100%;margin-top:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.checkbox{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;color:var(--muted)}.checkbox input{width:auto!important;margin-top:5px}.form-foot{text-align:center;color:var(--muted);font-size:.88rem}.form-foot a{color:var(--accent);font-weight:800}.single-form{max-width:620px;margin:60px auto;padding:0 24px}.notice{border-radius:13px;padding:12px 15px;margin-bottom:18px;font-size:.9rem}.notice p{margin:0}.notice.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.notice.error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}.code-input{font-size:1.4rem!important;letter-spacing:.3em;text-align:center}.honeypot{position:absolute!important;left:-9999px!important}.price-card{max-width:580px;margin:20px auto 90px;text-align:center}.price-card h2{font-size:2.5rem}.price-card .membership-price{margin:25px}.price-card ul{text-align:left;margin:26px auto;max-width:350px}.price-card .button{width:100%}
.quiz-promo{background:linear-gradient(120deg,#ede9fe,#fce7f3);border:1px solid #ddd6fe;border-radius:24px;padding:34px}.quiz-modal[hidden]{display:none}.quiz-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.quiz-backdrop{position:absolute;inset:0;background:rgba(18,14,32,.7);backdrop-filter:blur(5px)}.quiz-dialog{position:relative;width:min(680px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:26px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.quiz-dialog-head{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line)}.quiz-close{border:0;background:var(--surface-2);width:38px;height:38px;border-radius:50%;cursor:pointer}.quiz-progress{height:5px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s}.quiz-form{padding:30px}.quiz-step h2{font-size:2.2rem;line-height:1.05}.quiz-option{display:block;border:1px solid var(--line);border-radius:15px;padding:15px;margin:10px 0;cursor:pointer}.quiz-option:has(input:checked){border-color:#8b5cf6;background:#f5f3ff}.quiz-option input{margin-right:9px}.quiz-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.quiz-result{text-align:center}.result-tags{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:20px 0}.result-tags span{padding:7px 12px;background:#ede9fe;color:#5b21b6;border-radius:999px;font-weight:800;font-size:.82rem}
.reviews-section{max-width:var(--max);margin:auto;padding:80px 24px}.reviews-head{display:flex;align-items:end;justify-content:space-between;gap:20px}.reviews-controls{display:flex;gap:10px}.reviews-controls button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.reviews-carousel{display:flex;gap:18px;overflow:auto;scroll-snap-type:x mandatory;padding:20px 3px 28px;scrollbar-width:none}.reviews-carousel::-webkit-scrollbar{display:none}.review-card{flex:0 0 min(380px,85vw);scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}.review-stars{color:#f59e0b;letter-spacing:.08em}.review-stars span{color:#d5d9e3}.review-card blockquote{margin:18px 0;font-size:1.02rem}.review-card footer{display:flex;justify-content:space-between;align-items:center}.review-card small{color:var(--muted)}.reviews-layout{display:grid;grid-template-columns:1fr 420px;gap:45px;align-items:start}.issue-list{padding-left:20px}.contact-phone,.business-contact{padding:18px;background:var(--surface-2);border-radius:15px;margin:16px 0}
@media(max-width:960px){.nav{position:absolute;left:16px;right:16px;top:70px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:1fr;gap:20px;padding-top:55px}.hero-art{height:480px}.membership{margin-left:24px;margin-right:24px;grid-template-columns:1fr 1fr}.membership>div:first-child{grid-column:1/-1}.video-card{grid-column:span 6}.video-card:nth-child(4),.video-card:nth-child(5){grid-column:span 6}.form-layout{grid-template-columns:1fr;gap:38px}.form-intro{text-align:center}.watch-info{grid-template-columns:1fr;gap:25px}.reviews-layout{grid-template-columns:1fr}}
@media(max-width:680px){.site-header{min-height:68px;padding:0 18px}.hero{padding:45px 18px 60px;min-height:auto}.hero h1{font-size:3.25rem}.hero-lead{font-size:1.05rem}.hero-art{height:340px}.hero-art img{width:82%;border-width:4px}.library-badge{width:105px;height:105px;border-radius:24px}.library-badge strong{font-size:1.45rem}.section,.reviews-section{padding:58px 18px}.section-heading,.reviews-head{align-items:flex-start;flex-direction:column}.video-grid{display:block}.video-card,.video-card:nth-child(4),.video-card:nth-child(5){margin-bottom:18px}.membership{margin:20px 18px;padding:34px 25px;grid-template-columns:1fr;gap:25px}.membership>div:first-child{grid-column:auto}.guide-grid{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;margin-top:60px}.site-footer nav{justify-content:flex-start}.cookie-banner:not([hidden]){display:block}.cookie-banner div{margin-top:12px;flex-wrap:wrap}.page-hero{padding:70px 18px 45px}.guide-list article{grid-template-columns:55px 1fr;gap:15px}.article,.content-page,.watch-shell{padding-left:18px;padding-right:18px}.watch-info h1{font-size:2.3rem}.form-layout{margin:35px auto;padding:20px 18px}.form-intro h1{font-size:3.2rem}.form-card,.price-card,.review-form-card{padding:25px}.form-row{grid-template-columns:1fr}.reviews-layout{display:block}.review-form-card{margin-top:28px}.quiz-form{padding:22px}.quiz-step h2{font-size:1.8rem}}

/* Layout fixes */
.form-layout{align-items:start}
.form-intro{min-width:0}
.business-contact{padding:26px;background:var(--surface-2);border-radius:18px;margin:26px 0 0;text-align:left;overflow:hidden}
.business-contact h2{margin:8px 0 16px;font-size:1.55rem}
.business-contact address{display:flex;flex-direction:column;gap:3px;font-style:normal;line-height:1.55;color:#4f5667}
.business-contact address span{display:block;overflow-wrap:anywhere}
.business-contact .contact-phone{display:inline-block;padding:0;background:none;border-radius:0;margin:14px 0 0;font-weight:800;color:var(--accent)}

.quiz-dialog{width:min(760px,calc(100vw - 32px));overflow-x:hidden}
.quiz-close{position:absolute;top:16px;right:16px;z-index:3;font-size:1.35rem;line-height:1}
.quiz-dialog-head{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:start;padding:30px 74px 26px 30px}
.quiz-dialog-head .eyebrow{margin:0}
.quiz-dialog-head h2{margin:0;font-size:1.7rem;line-height:1.15;letter-spacing:-.035em}
.quiz-dialog-head>p:last-child{margin:0;color:var(--muted);max-width:520px}
.quiz-progress{height:5px;background:var(--surface-2);overflow:hidden}
.quiz-progress span{display:block;height:100%;width:33.333%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .25s}
.quiz-step{border:0;padding:0;margin:0;min-width:0}
.quiz-step[hidden]{display:none}
.quiz-step legend{display:block;width:100%;font-size:1.55rem;font-weight:850;line-height:1.2;margin:0 0 20px}
.quiz-step legend span{color:var(--accent);margin-right:8px}
.quiz-result>h2{margin:10px 0 12px}
.quiz-result>h3{margin:24px 0 4px;font-size:1.2rem}
.quiz-result>p{margin:8px auto;max-width:610px}
.quiz-result .form-row{margin-top:20px}
.quiz-result label:not(.checkbox){display:block;text-align:left;font-size:.84rem;font-weight:800;margin:14px 0 0;min-width:0}
.quiz-result input[type="text"],
.quiz-result input[type="email"],
.quiz-result input[type="password"],
.quiz-result input:not([type]){display:block;width:100%;min-width:0;margin-top:6px;border:1px solid #ccd2df;background:#fbfcff;color:var(--ink);border-radius:12px;padding:12px 14px;outline:none}
.quiz-result input:focus{border-color:#9f7aea;box-shadow:0 0 0 4px rgba(124,58,237,.11)}
.quiz-result label small{display:block;margin-top:5px;color:var(--muted);font-weight:500}
.quiz-result .checkbox{display:flex!important;text-align:left;margin-top:18px;line-height:1.45}
.quiz-result .checkbox input{flex:0 0 auto;margin:4px 0 0}
.quiz-result .checkbox a{color:var(--accent);font-weight:750}
.quiz-result .quiz-actions{align-items:stretch}
.quiz-result .quiz-actions .button{min-width:0}

@media(max-width:960px){
  .form-layout{max-width:720px}
  .form-intro{text-align:left}
}
@media(max-width:680px){
  .quiz-modal{padding:8px}
  .quiz-dialog{width:100%;max-height:calc(100vh - 16px);border-radius:20px}
  .quiz-dialog-head{padding:24px 58px 20px 20px}
  .quiz-dialog-head h2{font-size:1.45rem}
  .quiz-form{padding:20px}
  .quiz-step legend{font-size:1.3rem}
  .quiz-result .form-row{grid-template-columns:1fr}
  .quiz-actions{flex-direction:column-reverse}
  .quiz-actions .button{width:100%}
  .business-contact{padding:22px}
}


/* 2026 landing visual refresh — structure preserved */
:root{--accent:#4f46e5;--accent-2:#06b6d4;--ink:#111318;--muted:#656b76;--surface:#ffffff;--surface-2:#eef2fb;--line:#e2e6f0;--shadow:0 24px 70px rgba(20,24,45,.10);--shadow-sm:0 10px 30px rgba(20,24,45,.07)}
body{background:#fbfcff;color:var(--ink)}
.site-header{background:rgba(251,252,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,230,240,.9)}
.brand{letter-spacing:-.045em}.brand span{color:var(--accent)}
.nav a{border-radius:999px}.nav a:hover{background:#eef0ff;color:#3f39c9}
.button{background:linear-gradient(135deg,#4f46e5,#06b6d4);border:0;box-shadow:0 12px 28px rgba(79,70,229,.22);border-radius:999px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(79,70,229,.28)}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 10% 10%,#e8ecff 0,transparent 36%),radial-gradient(circle at 92% 20%,#e0f5fb 0,transparent 32%),#fbfcff}
.hero:before{content:"";position:absolute;width:280px;height:280px;border:1px solid #c7d0ff;border-radius:50%;left:-140px;bottom:-110px}
.hero-copy{position:relative;z-index:2}.eyebrow{color:#4f46e5;letter-spacing:.16em;font-weight:900}.hero h1{max-width:760px;font-weight:900;letter-spacing:-.065em}.hero-lead{max-width:650px;color:#555d68}.price-line{display:inline-flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--line);padding:10px 15px;border-radius:999px;box-shadow:var(--shadow-sm)}
.hero-art img{border-radius:30px;border:7px solid #fff;box-shadow:0 25px 60px rgba(20,24,45,.16)}
.library-badge{background:#17191e;color:#fff;transform:rotate(5deg);box-shadow:0 18px 38px rgba(17,19,24,.22)}
.section-heading h2,.membership h2,.quiz-promo h2{letter-spacing:-.05em}.video-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s}.video-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.poster-link img{transition:transform .35s}.video-card:hover .poster-link img{transform:scale(1.025)}.play-badge{background:#fff;color:#111;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.quiz-promo{background:linear-gradient(135deg,#17191e,#29252b);border:0;color:#fff;box-shadow:var(--shadow)}.quiz-promo .eyebrow{color:#06b6d4}.quiz-promo p{color:#d7d5d6}.quiz-promo ol li{border-color:rgba(255,255,255,.14)}.quiz-promo ol span{color:#06b6d4}
.membership{background:#eef2ff;border:1px solid #c9d2ff;color:#17191e;box-shadow:none}.membership .membership-price strong{color:#4f46e5}.membership li:before{background:#4f46e5}
.guide-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:var(--shadow-sm)}
.site-footer{background:#15171b;color:#e8e8ea}.site-footer a{color:#c9cbd0}.site-footer a:hover{color:#fff}
@media(max-width:680px){.hero h1{font-size:3rem}.price-line{display:flex;flex-wrap:wrap;width:max-content;max-width:100%}.video-card{border-radius:20px}}


/* Spacing and alignment fixes */
.quiz-promo{
  max-width:var(--max);
  margin:38px auto;
  padding:52px 56px;
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:64px;
  align-items:center;
}
.quiz-promo > div{min-width:0}
.quiz-promo h2{margin:0 0 14px;font-size:clamp(2rem,3.2vw,3rem);line-height:1.05}
.quiz-promo > div > p:not(.eyebrow){max-width:720px;margin:0 0 24px}
.quiz-promo .button{margin-top:0}
.quiz-promo ol{list-style:none;margin:0;padding:0;counter-reset:none}
.quiz-promo ol li{
  display:grid;
  grid-template-columns:46px 1fr;
  align-items:center;
  gap:14px;
  padding:15px 0;
  border-bottom:1px solid rgba(255,255,255,.14);
  font-size:1rem;
}
.quiz-promo ol li:last-child{border-bottom:0}
.quiz-promo ol span{display:block;font-weight:900;font-variant-numeric:tabular-nums}

.price-card-amount{
  display:flex;
  align-items:baseline;
  justify-content:center;
  gap:10px;
  margin:18px 0 8px;
}
.price-card-amount strong{font-size:2.15rem;line-height:1;letter-spacing:-.04em}
.price-card-amount span{font-size:1.05rem;color:var(--muted)}

.quiz-option{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  align-items:start;
  column-gap:12px;
}
.quiz-option input{margin:5px 0 0}
.quiz-option > span{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 8px;min-width:0}
.quiz-option strong{display:inline-block;line-height:1.35}
.quiz-option small{display:inline-block;color:var(--muted);font-size:.9rem;line-height:1.45}

@media(max-width:960px){
  .quiz-promo{margin:28px 24px;grid-template-columns:1fr;gap:30px;padding:42px}
}
@media(max-width:680px){
  .quiz-promo{margin:20px 18px;padding:30px 24px;gap:24px}
  .quiz-promo ol li{grid-template-columns:38px 1fr;gap:10px}
  .price-card-amount{gap:7px;flex-wrap:wrap}
  .quiz-option > span{display:block}
  .quiz-option small{display:block;margin-top:3px}
}

/* Restore visible play icon on white play buttons */
.play-badge i{border-left-color:#111!important;}

/* 2026 redesign v2 — structure preserved, new visual system */
:root{
  --accent:#3157ff;
  --accent-2:#b7f34a;
  --ink:#0b1020;
  --muted:#667085;
  --surface:#ffffff;
  --surface-2:#f1f4fb;
  --line:#dfe5ef;
  --shadow:0 24px 70px rgba(24,39,75,.13);
  --shadow-sm:0 10px 30px rgba(24,39,75,.08)
}
body{background:#f7f9fc;color:var(--ink)}
.site-header{background:rgba(247,249,252,.9);border-bottom:1px solid #e4e9f1;backdrop-filter:blur(18px)}
.brand{font-weight:950;letter-spacing:-.055em}.brand span{color:var(--accent)}
.nav a{border-radius:10px}.nav a:hover{background:#e9eeff;color:#2447e8}.nav .button{border-radius:12px}
.button{background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:14px;box-shadow:0 12px 30px rgba(49,87,255,.24);font-weight:850;letter-spacing:-.015em}
.button:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(49,87,255,.30);background:#2447e8}
.button-ghost{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:none}
.hero{background:linear-gradient(180deg,#eef2ff 0%,#f7f9fc 100%);border-bottom:1px solid #e4e9f1;position:relative}
.hero:before{width:420px;height:420px;background:radial-gradient(circle,#b7f34a 0 2px,transparent 2.5px);background-size:22px 22px;border:0;border-radius:0;opacity:.42;left:-80px;bottom:-80px;transform:rotate(-8deg)}
.hero-copy{z-index:2}.eyebrow{color:#3157ff;letter-spacing:.13em;font-weight:950}.hero h1{font-weight:950;letter-spacing:-.07em;line-height:.93;color:#0a0f1f}.hero-lead{color:#515b70;line-height:1.65}
.price-line{background:#0b1020;color:#fff;border:0;border-radius:12px;box-shadow:none;padding:11px 14px}.price-line strong{color:#b7f34a}.price-line span{opacity:.4}
.hero-art img{border-radius:20px;border:5px solid #fff;box-shadow:0 24px 54px rgba(26,38,68,.18)}
.library-badge{background:#b7f34a;color:#0b1020;border-radius:18px;transform:rotate(3deg);box-shadow:0 18px 35px rgba(93,128,30,.22)}
.section{background:#f7f9fc}.section-heading h2,.membership h2,.quiz-promo h2,.reviews-head h2{letter-spacing:-.055em;color:#0b1020}
.video-grid{gap:22px}.video-card{background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:none;transition:transform .22s,border-color .22s,box-shadow .22s}.video-card:hover{transform:translateY(-5px);border-color:#bdc8db;box-shadow:0 18px 45px rgba(24,39,75,.10)}
.poster-link:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.18));pointer-events:none}.play-badge{width:66px;height:66px;background:#b7f34a;color:#0b1020;border:0;box-shadow:0 10px 30px rgba(0,0,0,.16);z-index:2}.play-badge i{border-left-color:#0b1020!important}.duration{z-index:2;background:#0b1020;color:#fff;border-radius:8px}
.card-copy{padding:22px}.card-copy h3{letter-spacing:-.025em}.text-link{color:#3157ff;font-weight:850}
.quiz-promo{background:#0b1020;color:#fff;border-radius:26px;box-shadow:0 28px 70px rgba(11,16,32,.20);position:relative;overflow:hidden}.quiz-promo:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#3157ff;filter:blur(1px);opacity:.16;right:-80px;top:-90px}.quiz-promo>div,.quiz-promo ol{position:relative;z-index:1}.quiz-promo .eyebrow{color:#b7f34a}.quiz-promo h2{color:#fff}.quiz-promo p{color:#c5ccda}.quiz-promo ol li{border-color:rgba(255,255,255,.12)}.quiz-promo ol span{color:#b7f34a}.quiz-promo .button{background:#b7f34a;border-color:#b7f34a;color:#0b1020;box-shadow:none}.quiz-promo .button:hover{background:#c5ff5d}
.membership{background:#3157ff;color:#fff;border:0;border-radius:26px;box-shadow:0 24px 60px rgba(49,87,255,.20)}.membership h2,.membership .eyebrow{color:#fff}.membership p{color:#dde4ff}.membership .membership-price strong{color:#b7f34a}.membership .membership-price span{color:#e6ebff}.membership li{color:#fff}.membership li:before{background:#b7f34a}.membership .button{background:#fff;border-color:#fff;color:#0b1020;box-shadow:none}
.guide-grid{gap:18px}.guide-grid article{background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:none}.guide-grid article>span{background:#edf1ff;color:#3157ff;border-radius:8px;padding:6px 9px;font-weight:900}
.reviews-section{background:#eef2f7}.review-card,.review-form-card{border:1px solid #dfe5ef;border-radius:18px;box-shadow:none}.review-stars{color:#3157ff}.reviews-controls button{background:#fff;border:1px solid #dfe5ef;border-radius:12px;color:#0b1020}
.quiz-backdrop{background:rgba(6,10,22,.70);backdrop-filter:blur(8px)}.quiz-dialog{border-radius:24px;border:1px solid #dfe5ef;box-shadow:0 30px 90px rgba(0,0,0,.28)}.quiz-dialog-head{background:#f6f8ff}.quiz-progress{background:#e8ecf5}.quiz-progress span{background:linear-gradient(90deg,#3157ff,#7f95ff)}.quiz-option{border:1px solid #dfe5ef;background:#fff;border-radius:14px;transition:border-color .18s,background .18s}.quiz-option:hover{border-color:#9aabff;background:#f7f8ff}.quiz-option:has(input:checked){border-color:#3157ff;background:#eef1ff}.quiz-step legend span{color:#3157ff}.result-tags span{background:#eef1ff;color:#2447e8;border-color:#cfd8ff}
.form-card,.price-card,.review-form-card{border-radius:18px}.site-footer{background:#090d18;color:#d8deea}.site-footer a{color:#aeb8ca}.site-footer a:hover{color:#fff}.site-footer .brand span{color:#b7f34a}
.cookie-banner{border:1px solid #dfe5ef;background:#fff;border-radius:16px;box-shadow:0 18px 60px rgba(24,39,75,.16)}
@media(max-width:680px){.hero h1{font-size:3rem}.quiz-promo,.membership{border-radius:20px}.video-card{border-radius:16px}.play-badge{width:58px;height:58px}}
