/* HBS FANS · Trivia Arena 2026 */
.ta-page{--ta-red:#df1230;--ta-ink:#101014;--ta-paper:#f3efe8;--ta-line:#cec7be;background:var(--ta-paper);color:var(--ta-ink);overflow:hidden}
.ta-page button,.ta-page input{font:inherit}.ta-page button{cursor:pointer}.ta-hero{min-height:610px;position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.65fr);gap:70px;align-items:end;padding:110px max(24px,calc((100vw - var(--max,1480px))/2 + 24px)) 66px;background:#101014;color:#fff;border-bottom:8px solid var(--ta-red);overflow:hidden}
.ta-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.2)),url('../media/turner-panorama.webp') center 46%/cover no-repeat;opacity:.34;filter:grayscale(.22) contrast(1.08)}
.ta-hero:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,255,255,.12);pointer-events:none}.ta-hero>*{position:relative;z-index:2}.ta-kicker{font:900 10px/1 var(--display);letter-spacing:.2em;color:#ff4058;display:flex;align-items:center;gap:12px}.ta-kicker:before{content:"";width:34px;height:2px;background:currentColor}.ta-hero h1{font:950 clamp(70px,7.8vw,126px)/.78 var(--display);letter-spacing:-.075em;margin:28px 0 30px;max-width:8ch}.ta-hero h1 em{color:#fff;position:relative;display:inline-block;padding-bottom:10px}.ta-hero h1 em:after{content:"";position:absolute;height:7px;right:2%;left:8%;bottom:0;background:var(--ta-red);transform:skewX(-18deg);pointer-events:none}.ta-hero h1{margin-bottom:34px}.ta-hero__copy>p{max-width:650px;font-size:17px;line-height:1.8;color:rgba(255,255,255,.75)}.ta-hero__actions{display:flex;align-items:center;gap:22px;margin-top:32px}.ta-primary{min-height:54px;border:0;background:var(--ta-red);color:#fff;padding:0 22px;display:inline-flex;align-items:center;gap:9px;font-weight:900}.ta-primary .icon{width:15px}.ta-login{color:#fff;font-weight:800;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}.ta-hero__board{align-self:end;border-top:1px solid rgba(255,255,255,.35);border-right:1px solid rgba(255,255,255,.18);display:grid;grid-template-columns:1fr 1fr;background:rgba(10,10,13,.58)}.ta-hero__board>div{min-height:128px;padding:22px;border-left:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column;justify-content:flex-end}.ta-hero__board small{font:800 9px var(--display);letter-spacing:.1em;color:#a6a2a9}.ta-hero__board b{font:950 42px/.9 var(--display);margin:10px 0 6px}.ta-hero__board span{font-size:10px;color:#77737b}.ta-hero__mark{position:absolute;left:-24px;bottom:-20px;font:950 220px/.7 var(--display);letter-spacing:-.09em;color:rgba(255,255,255,.035);direction:ltr;pointer-events:none}
.ta-levels,.ta-stage-wrap{max-width:var(--max,1480px);margin:auto;padding:100px 24px}.ta-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.55fr);gap:70px;align-items:end;border-top:1px solid var(--ta-ink);padding-top:20px;margin-bottom:42px}.ta-section-head span,.ta-stage-head>span{font:900 9px var(--display);letter-spacing:.18em;color:var(--ta-red)}.ta-section-head h2{font:950 clamp(46px,5vw,72px)/.9 var(--display);letter-spacing:-.06em;margin:8px 0 0}.ta-section-head p{margin:0;color:#6d6762;line-height:1.75}.ta-level-list{border-top:1px solid var(--ta-ink)}.ta-level{width:100%;min-height:128px;border:0;border-bottom:1px solid var(--ta-ink);background:transparent;display:grid;grid-template-columns:70px minmax(0,1.45fr) 120px 110px 150px 22px;gap:20px;align-items:center;text-align:right;padding:20px 16px;position:relative;transition:background .18s ease,padding .18s ease}.ta-level:before{content:"";position:absolute;right:0;top:0;bottom:0;width:0;background:var(--ta-red);transition:width .18s ease}.ta-level:hover,.ta-level.is-active{background:#fff;padding-inline:24px}.ta-level.is-active:before{width:5px}.ta-level__index{font:950 28px/1 var(--display);color:#aaa39c;direction:ltr}.ta-level__main{display:flex;flex-direction:column;min-width:0}.ta-level__main small{font:850 9px var(--display);color:var(--ta-red);letter-spacing:.08em}.ta-level__main b{font:950 30px/1 var(--display);margin:8px 0}.ta-level__main em{font-size:11px;color:#77706a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ta-level__difficulty,.ta-level__xp{display:flex;flex-direction:column}.ta-level__difficulty small,.ta-level__xp small{font-size:8px;color:#918a84}.ta-level__difficulty b{font:900 17px var(--display);margin-top:5px}.ta-level__xp{align-items:flex-start}.ta-level__xp b{font:950 34px/.85 var(--display);color:var(--ta-red);margin-top:5px}.ta-level__xp em{font:900 8px var(--display);letter-spacing:.14em;color:#777}.ta-level__status{font:850 9px var(--display);color:#777}.ta-level>.icon{width:16px}.ta-level--legend{background:#17171b;color:#fff}.ta-level--legend .ta-level__main em,.ta-level--legend .ta-level__status,.ta-level--legend .ta-level__difficulty small,.ta-level--legend .ta-level__xp small,.ta-level--legend .ta-level__xp em{color:#98959c}.ta-level--legend:hover,.ta-level--legend.is-active{background:#0d0d10}.ta-level--daily{border-top:7px solid var(--ta-red);margin-top:22px;background:#e9e3dc}
.ta-stage-wrap{padding-top:26px}.ta-stage-head{display:flex;justify-content:space-between;gap:30px;align-items:end;border-top:1px solid var(--ta-ink);padding-top:16px;margin-bottom:26px}.ta-stage-head p{font-size:11px;color:#77706a;margin:0}.ta-panel{background:#fff;border:1px solid var(--ta-ink);box-shadow:10px 10px 0 #ded7cf;min-height:540px}.ta-panel[hidden]{display:none!important}.ta-runner-head{display:grid;grid-template-columns:1fr auto;gap:30px;padding:32px 34px;border-bottom:1px solid var(--ta-ink);align-items:end}.ta-runner-head>div:first-child>span{font:900 9px var(--display);letter-spacing:.15em;color:var(--ta-red)}.ta-runner-head h2{font:950 48px/.92 var(--display);letter-spacing:-.05em;margin:8px 0}.ta-runner-head p{margin:0;color:#77706a;font-size:12px}.ta-reward{min-width:110px;border-right:4px solid var(--ta-red);padding-right:18px;display:flex;flex-direction:column;align-items:flex-start}.ta-reward small{font-size:8px;color:#888}.ta-reward b{font:950 42px/.85 var(--display);margin:7px 0;color:var(--ta-red)}.ta-reward span{font:900 9px var(--display);letter-spacing:.12em}.ta-completed-note{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 34px;background:#17171b;color:#fff}.ta-completed-note b{font-size:11px}.ta-completed-note span{font-size:9px;color:#aaa6ad}.ta-form{padding:0 34px 30px}.ta-progress{height:66px;display:grid;grid-template-columns:70px 1fr 70px;gap:18px;align-items:center;border-bottom:1px solid #d9d2cb}.ta-progress>span{font:900 10px var(--display);direction:ltr}.ta-progress>span b{font-size:19px;color:var(--ta-red)}.ta-progress>i{height:3px;background:#ded8d1;overflow:hidden}.ta-progress>i u{display:block;height:100%;background:var(--ta-red);transition:width .24s ease}.ta-progress>em{text-align:left;font:900 9px var(--display);color:#8a837d}.ta-question{border:0;margin:0;padding:50px 0 40px}.ta-question[hidden]{display:none!important}.ta-question legend{padding:0;display:flex;flex-direction:column;gap:10px;max-width:930px}.ta-question legend small{font:900 9px var(--display);letter-spacing:.15em;color:var(--ta-red)}.ta-question legend span{font:950 clamp(32px,3vw,48px)/1 var(--display);letter-spacing:-.035em}.ta-answers{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ta-ink);border-right:1px solid var(--ta-ink);margin-top:38px}.ta-answers label{min-height:82px;position:relative;cursor:pointer}.ta-answers input{position:absolute;opacity:0;pointer-events:none}.ta-answers label>span{height:100%;display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:center;border-left:1px solid var(--ta-ink);border-bottom:1px solid var(--ta-ink);padding:16px 20px;font-weight:800;transition:background .16s ease,color .16s ease}.ta-answers label>span i{width:38px;height:38px;border:1px solid #bdb5ae;display:grid;place-items:center;font:900 11px var(--display);direction:ltr}.ta-answers input:checked+span{background:var(--ta-ink);color:#fff}.ta-answers input:checked+span i{background:var(--ta-red);border-color:var(--ta-red)}.ta-question.needs-answer .ta-answers{animation:ta-shake .3s ease}.ta-form-nav{min-height:64px;border-top:1px solid var(--ta-ink);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}.ta-form-nav button{border:0;background:none;min-height:46px;padding:0 14px;font-weight:900;display:flex;align-items:center;gap:7px}.ta-form-nav .icon{width:13px}.ta-back .icon{transform:rotate(180deg)}.ta-back:disabled{opacity:.28;cursor:default}.ta-form-nav>span{text-align:center;font-size:9px;color:#8e8781}.ta-next,.ta-submit{background:var(--ta-red)!important;color:#fff;padding-inline:20px!important}.ta-submit[hidden],.ta-next[hidden]{display:none!important}
.ta-result{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:330px}.ta-result__score{background:#17171b;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;border-left:7px solid var(--ta-red)}.ta-result__score small{font:900 9px var(--display);letter-spacing:.12em;color:#aaa6ad}.ta-result__score>b{font:950 86px/.8 var(--display);margin:24px 0 16px}.ta-result__score>b i{font-size:24px;color:#77737a}.ta-result__score>span{font:900 15px var(--display);color:#ff4359}.ta-result__copy{padding:48px;align-self:center}.ta-result__copy>span{font:900 9px var(--display);letter-spacing:.14em;color:var(--ta-red)}.ta-result__copy h2{font:950 44px/1 var(--display);letter-spacing:-.04em;margin:10px 0 16px}.ta-result__copy p{color:#6d6762;line-height:1.7}.ta-result__actions{display:flex;gap:20px;align-items:center;margin-top:24px}.ta-result__actions button,.ta-result__actions a{border:0;background:var(--ta-ink);color:#fff;min-height:46px;padding:0 18px;display:inline-flex;align-items:center;font-weight:900}.ta-result__actions a{background:transparent;color:var(--ta-ink);border-bottom:1px solid var(--ta-ink);padding-inline:0}.ta-result.is-fail .ta-result__score{border-left-color:#777}.ta-review{border-top:1px solid var(--ta-ink)}.ta-review summary{padding:20px 34px;font-weight:900;cursor:pointer}.ta-review__list{border-top:1px solid #d7d0c9}.ta-review article{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:24px 34px;border-bottom:1px solid #ddd6ce}.ta-review article>span{font:950 22px var(--display);color:#aaa39d}.ta-review article h3{font-size:18px;margin:0 0 9px}.ta-review article p{font-size:11px;margin:4px 0;color:#777}.ta-review article small{display:block;margin-top:9px;color:#777;line-height:1.6}.ta-review article.is-correct{border-right:5px solid #28794c}.ta-review article.is-wrong{border-right:5px solid var(--ta-red)}
.ta-rules{max-width:var(--max,1480px);margin:0 auto 110px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ta-ink);border-right:1px solid var(--ta-ink)}.ta-rules>div{min-height:190px;padding:26px;border-left:1px solid var(--ta-ink);border-bottom:1px solid var(--ta-ink)}.ta-rules span{font:950 10px var(--display);color:var(--ta-red)}.ta-rules b{display:block;font:950 23px/1 var(--display);margin:48px 0 10px}.ta-rules p{font-size:11px;line-height:1.65;color:#77706a;margin:0}
@keyframes ta-shake{0%,100%{transform:translateX(0)}33%{transform:translateX(6px)}66%{transform:translateX(-6px)}}
@media(max-width:980px){.ta-hero{grid-template-columns:1fr;gap:42px;padding-top:86px}.ta-hero__board{max-width:700px}.ta-level{grid-template-columns:54px minmax(0,1fr) 90px 88px 120px 18px}.ta-level__main b{font-size:26px}.ta-rules{grid-template-columns:1fr 1fr}.ta-section-head{grid-template-columns:1fr;gap:18px}.ta-section-head p{max-width:600px}.ta-result{grid-template-columns:210px 1fr}}
@media(max-width:720px){.ta-hero{min-height:auto;padding:72px 17px 42px;gap:32px}.ta-hero:after{inset:12px}.ta-hero h1{font-size:clamp(58px,17vw,84px);margin:22px 0 24px}.ta-hero__copy>p{font-size:14px;line-height:1.7}.ta-hero__actions{align-items:flex-start;flex-direction:column;gap:15px}.ta-hero__board{grid-template-columns:1fr 1fr;width:100%}.ta-hero__board>div{min-height:104px;padding:16px}.ta-hero__board b{font-size:32px}.ta-hero__mark{font-size:110px}.ta-levels,.ta-stage-wrap{padding:68px 17px}.ta-level-list{border-right:1px solid var(--ta-ink)}.ta-level{min-height:116px;grid-template-columns:43px minmax(0,1fr) 72px;gap:10px;padding:16px 13px;border-left:1px solid var(--ta-ink)}.ta-level:hover,.ta-level.is-active{padding-inline:13px}.ta-level__index{font-size:20px}.ta-level__main b{font-size:22px}.ta-level__main em{font-size:9px}.ta-level__difficulty{display:none}.ta-level__xp{align-items:flex-end}.ta-level__xp b{font-size:29px}.ta-level__status{grid-column:2/4;font-size:8px;margin-top:-5px}.ta-level>.icon{position:absolute;left:11px;bottom:16px;width:13px}.ta-stage-head{align-items:flex-start;flex-direction:column;gap:8px}.ta-panel{box-shadow:5px 6px 0 #ded7cf}.ta-runner-head{padding:22px 18px;grid-template-columns:1fr 82px}.ta-runner-head h2{font-size:36px}.ta-runner-head p{font-size:10px}.ta-reward b{font-size:33px}.ta-completed-note{padding:12px 18px;align-items:flex-start;flex-direction:column;gap:5px}.ta-form{padding:0 18px 20px}.ta-progress{grid-template-columns:52px 1fr 46px}.ta-question{padding:34px 0 28px}.ta-question legend span{font-size:30px}.ta-answers{grid-template-columns:1fr;margin-top:28px}.ta-answers label{min-height:68px}.ta-answers label>span{grid-template-columns:34px 1fr;gap:12px;padding:12px 14px}.ta-answers label>span i{width:32px;height:32px}.ta-form-nav{grid-template-columns:auto 1fr auto}.ta-form-nav>span{display:none}.ta-form-nav button{padding-inline:10px}.ta-result{grid-template-columns:1fr}.ta-result__score{min-height:190px;padding:28px;border-left:0;border-bottom:5px solid var(--ta-red)}.ta-result__score>b{font-size:70px}.ta-result__copy{padding:28px 22px}.ta-result__copy h2{font-size:34px}.ta-review summary{padding:17px 20px}.ta-review article{grid-template-columns:42px 1fr;padding:20px}.ta-rules{margin-bottom:80px;padding:0 17px;grid-template-columns:1fr 1fr}.ta-rules>div{min-height:160px;padding:19px}.ta-rules b{font-size:19px;margin-top:34px}}
@media(max-width:430px){.ta-hero__board>div{min-height:94px}.ta-hero__board b{font-size:28px}.ta-level{grid-template-columns:36px minmax(0,1fr) 62px}.ta-level__main b{font-size:20px}.ta-level__xp b{font-size:25px}.ta-runner-head{grid-template-columns:1fr 70px;gap:12px}.ta-runner-head h2{font-size:31px}.ta-reward{min-width:0}.ta-reward b{font-size:29px}.ta-question legend span{font-size:27px}.ta-rules{grid-template-columns:1fr}.ta-rules>div{min-height:135px}.ta-rules b{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.ta-level,.ta-progress>i u,.ta-answers label>span{transition:none}.ta-question.needs-answer .ta-answers{animation:none}}