.club-content { --club-ink:#edf9f1; --club-muted:#a5bdb0; --club-green:#71f4b8; --club-border:#7bb79a25; color:var(--club-ink); min-width:0; }
.club-content * { box-sizing:border-box; }
.club-content :is(button,a,input):focus-visible { outline:2px solid #91ffd0; outline-offset:4px; }
.club-content .full { width:100%; }
.club-content :is(h2,h3,p) { margin:0; }
.club-content svg { flex-shrink:0; width:22px; height:22px; }
.club-hero { isolation:isolate; position:relative; overflow:hidden; padding:23px 21px 25px; border:1px solid var(--club-border); border-radius:20px; background:radial-gradient(ellipse at 95% 5%,#3273573b,transparent 70%),linear-gradient(140deg,#142a21,#0a1511); margin-bottom:22px; }
.club-hero::after { content:''; position:absolute; z-index:-1; width:155px; height:155px; border:1px solid #7dc5a218; transform:rotate(45deg); top:-65px; right:-35px; border-radius:30px; box-shadow:0 0 0 26px #80c5a204,0 0 0 27px #80c5a20a; }
.club-hero-icon { display:grid; place-items:center; width:48px; height:48px; border:1px solid #f3ce7333; background:#f3ce730a; color:#f3ce73; border-radius:15px; margin-bottom:21px; }
.club-hero-icon svg { width:28px; height:28px; }
.club-vip .club-hero { padding-top:30px; background:radial-gradient(ellipse at 85% 0%,#d8b55716,transparent 60%),radial-gradient(ellipse at 5% 50%,#286b4440,transparent 75%),linear-gradient(140deg,#142a21,#08140f); }
.club-vip .club-hero-icon { position:relative; isolation:isolate; width:68px; height:68px; border-radius:22px; margin:3px 0 28px; box-shadow:inset 0 1px #f9e3a322,0 0 30px #f3ce7310; }
.club-vip .club-hero-icon svg { width:37px; height:37px; filter:drop-shadow(0 0 8px #f3ce7339); animation:club-crest-glow 5s ease-in-out infinite; }
.club-vip .club-hero-icon::before { content:''; position:absolute; inset:-8px; border:1px solid #f3ce7328; border-top-color:#f3ce739b; border-right-color:#71f4b849; border-radius:50%; animation:club-orbit 18s linear infinite; }
.club-vip .club-hero-icon::after { content:''; position:absolute; inset:-13px; border:1px solid #71f4b811; border-bottom-color:#71f4b861; border-radius:50%; animation:club-orbit 27s linear infinite reverse; }
.club-vip .club-benefit { animation:club-benefit-enter .48s ease-out both; animation-delay:calc(var(--club-order,0) * 65ms); }
.club-vip .club-benefit:nth-child(-n+2) .club-row-icon { color:#e3c778; background:#b6913110; border-color:#e3c77824; }
.club-vip .club-benefit:last-child { grid-column:1/-1; }
@keyframes club-orbit { to { transform:rotate(360deg); } }
@keyframes club-crest-glow { 0%,100% { filter:drop-shadow(0 0 6px #f3ce7326); } 50% { filter:drop-shadow(0 0 11px #f3ce7361); } }
@keyframes club-benefit-enter { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
.club-content .club-kicker { color:#92c9ad; font-size:9px; font-weight:800; letter-spacing:1.2px; line-height:1.6; margin:0 0 9px; }
.club-hero h2 { color:var(--club-ink); font-size:clamp(23px,6.2vw,30px); line-height:1.16; letter-spacing:-.9px; font-weight:800; white-space:pre-line; margin:0 0 13px; }
.club-content .club-lead { color:var(--club-muted); font-size:12px; line-height:1.75; max-width:390px; }
.club-lesson-group { margin:23px 0; }
.club-lesson-directions { display:grid; gap:13px; margin:0 0 12px; }
.club-lesson-directions .club-direction-card { min-height:134px; margin:0; padding:22px 17px; gap:15px; border-radius:18px; }
.club-direction-card .club-row-icon { flex-basis:47px; width:47px; height:51px; border-radius:15px; }
.club-direction-card .club-row-copy { gap:9px; }
.club-direction-card .club-row-copy strong { font-size:17px; letter-spacing:-.35px; line-height:1.3; }
.club-direction-card .club-row-copy > span { font-size:12px; line-height:1.65; }
.club-lesson-directions .club-direction-safety { border-color:#e4c77d36; background:linear-gradient(135deg,#322b1738,#112017); }
.club-direction-safety .club-row-icon { color:#eed18b; border-color:#efd08235; background:#c4a65314; }
.club-content .club-group-title { color:#bddbc9; font-size:13px; font-weight:750; margin:0 0 12px; }
.club-row { display:flex; width:100%; min-height:84px; gap:12px; padding:15px 13px; color:var(--club-ink); text-align:left; border:1px solid var(--club-border); background:linear-gradient(130deg,#15271d77,#0a1610); border-radius:14px; align-items:center; margin:0 0 9px; cursor:pointer; transition:border-color .18s,background .18s; }
.club-row:hover { border-color:#71f4b852; background:#1533257d; }
.club-row > svg { width:15px; height:15px; color:#83b299; }
.club-row-icon { display:grid; flex:0 0 39px; place-items:center; width:39px; height:42px; border-radius:12px; color:#8ddfb3; border:1px solid #7bb79a20; background:#31734b1f; }
.club-row-copy { display:flex; flex:1; min-width:0; flex-direction:column; gap:5px; }
.club-row-copy strong { font-size:13px; line-height:1.35; font-weight:750; }
.club-row-copy > span { color:var(--club-muted); font-size:11px; line-height:1.5; }
.club-row-copy > small { color:#d6c48d; font-size:10px; line-height:1.4; }
.club-back { appearance:none; background:transparent; border:0; color:#99c5ad; font-size:12px; min-height:44px; padding:0 4px; cursor:pointer; margin-bottom:8px; }
.club-back::before { content:'←'; margin-right:8px; }
.club-lesson-points { list-style:none; margin:23px 0; padding:0; counter-reset:none; }
.club-lesson-points li { display:flex; gap:13px; margin:0 0 23px; }
.club-point-number { color:#66c89c; font-size:12px; font-variant-numeric:tabular-nums; margin-top:4px; flex:0 0 22px; }
.club-lesson-points h3 { font-size:14px; line-height:1.4; font-weight:750; margin:0 0 8px; }
.club-lesson-points p { color:var(--club-muted); font-size:13px; line-height:1.8; }
.club-takeaway { display:flex; align-items:flex-start; gap:12px; padding:17px 15px; border:1px solid #efd08227; border-radius:15px; background:#e5bb5508; margin:24px 0 20px; }
.club-takeaway > svg { color:#e0c584; margin-top:3px; }
.club-takeaway strong { color:#e7d3a3; font-size:12px; line-height:1.5; }
.club-takeaway p { color:#c9bea3; font-size:12px; line-height:1.8; margin-top:5px; }
.club-content > .button + .button { margin-top:10px; }
.club-benefits { display:grid; gap:10px; margin:0 0 20px; }
.club-benefit { display:flex; gap:13px; align-items:flex-start; border:1px solid var(--club-border); border-radius:15px; background:#0b1912; padding:17px 14px; }
.club-benefit h3 { color:#e0f1e5; font-size:13px; line-height:1.45; margin:0 0 7px; font-weight:750; }
.club-benefit p { color:var(--club-muted); font-size:12px; line-height:1.65; }
.club-terms { border-left:2px solid #bfa160; background:linear-gradient(90deg,#d6b0560b,transparent); padding:16px 14px; margin:19px 0 25px; }
.club-terms .club-kicker { color:#c9b779; font-size:8px; }
.club-terms h3 { color:#e4d7b6; font-size:14px; line-height:1.5; margin:0 0 9px; }
.club-terms > p:last-child { color:#bcae93; font-size:12px; line-height:1.75; }
.club-entry { border-top:1px solid var(--club-border); padding-top:18px; }
.club-entry-meta { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:15px; }
.club-entry-meta span { border:1px solid #87b99c25; color:#a4c5b1; background:#193b2729; border-radius:6px; font-size:10px; padding:5px 8px; }
.club-content .club-privacy { color:#829e8e; font-size:10px; line-height:1.7; margin-top:12px; }
.club-question-top { display:flex; align-items:center; justify-content:space-between; gap:15px; margin-top:5px; }
.club-question-top .club-kicker { margin:0; }
.club-question-count { color:#c5dfcf; font-size:12px; font-variant-numeric:tabular-nums; }
.club-progress { display:block; appearance:none; width:100%; height:4px; border:0; border-radius:8px; overflow:hidden; margin:14px 0 27px; background:#71f4b810; accent-color:#71f4b8; }
.club-progress::-webkit-progress-bar { background:#71f4b810; border-radius:8px; }
.club-progress::-webkit-progress-value { background:#71f4b8; border-radius:8px; }
.club-progress::-moz-progress-bar { background:#71f4b8; border-radius:8px; }
.club-content .club-question-title { font-size:clamp(22px,5.8vw,27px); line-height:1.3; font-weight:800; letter-spacing:-.7px; margin:0 0 13px; outline:0; }
.club-content .club-question-note { color:var(--club-muted); font-size:12px; line-height:1.75; margin-bottom:25px; }
.club-choices { display:flex; flex-direction:column; gap:10px; border:0; padding:0; margin:0 0 22px; min-width:0; }
.club-choice-legend { color:#8ba797; font-size:11px; margin-bottom:10px; padding:0; }
.club-choice { display:flex; align-items:center; gap:12px; border:1px solid #88b79b2b; background:#0d1b13; padding:16px 14px; border-radius:13px; min-height:67px; cursor:pointer; }
.club-choice:has(input:checked) { background:#18452e60; border-color:#71f4b887; box-shadow:inset 0 0 0 1px #71f4b814; }
.club-choice:focus-within { outline:2px solid #91ffd0; outline-offset:3px; }
.club-choice input[type=radio] { appearance:auto; -webkit-appearance:auto; flex:0 0 18px; width:18px; height:18px; min-height:18px; margin:0; padding:0; accent-color:#71f4b8; font-size:16px; }
.club-choice span { font-size:13px; line-height:1.65; color:#d6e9dd; }
.club-choices:disabled .club-choice { opacity:.6; cursor:wait; }
.club-question-footer { display:flex; flex-direction:column; gap:9px; }
.club-question-footer > .button { width:100%; min-height:47px; }
.club-form-message:not(:empty) { margin:0 0 14px; }
.club-result { text-align:center; padding:13px 2px 5px; outline:0; }
.club-result-symbol { display:grid; place-items:center; width:66px; height:66px; border-radius:21px; color:#95eabc; background:#71f4b815; border:1px solid #71f4b831; margin:0 auto 24px; }
.club-result-symbol svg { width:32px; height:32px; }
.club-result h2 { color:var(--club-ink); font-size:25px; line-height:1.25; letter-spacing:-.65px; margin:0 0 16px; }
.club-result .club-result-copy { color:var(--club-muted); font-size:13px; line-height:1.85; margin:0 0 25px; }
.club-result > .button { display:flex; text-decoration:none; align-items:center; justify-content:center; min-height:48px; margin-top:10px; }
.club-result-take_break .club-result-symbol { color:#d6cfb6; border-color:#d1c4952d; background:#d1c4950b; }
@media (min-width:600px) { .club-benefits { grid-template-columns:1fr 1fr; } .club-benefit { flex-direction:column; } .club-question-footer { flex-direction:row; } .club-question-footer > .button:first-child:not(:last-child) { width:auto; flex:0 0 auto; } }
@media (max-width:350px) { .club-hero { padding:20px 16px; } .club-row { gap:9px; padding:13px 10px; } .club-row-icon { flex-basis:33px; width:33px; height:38px; } .club-row-copy strong { font-size:12px; } .club-benefit { gap:10px; padding:15px 12px; } .club-choice { padding:14px 11px; } }
@media (prefers-reduced-motion:reduce) { .club-content *,.club-content *::before,.club-content *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }