:root{--ink:#132a3a;--muted:#607381;--navy:#102f43;--blue:#0e718d;--teal:#17a897;--cream:#f5f8f7;--line:#dce7e8;--white:#fff;--orange:#ee9c43;--red:#bd5060;--shadow:0 16px 50px rgba(18,55,67,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:#0c7087;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button{cursor:pointer}input,select,textarea{min-width:0;background:#fff;border:1px solid #cadbdc;border-radius:12px;padding:12px 14px;color:var(--ink);width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(14,113,141,.12)}input[readonly]{background:#f3f7f7}textarea{resize:vertical}label{display:block;color:#314a56;font-weight:650;font-size:.9rem}label input,label textarea,label select{display:block;margin-top:7px;font-weight:400}.topbar{min-height:76px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:1.02rem;font-weight:800;color:var(--navy);line-height:1.1;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{display:block;color:var(--muted);font-size:.67rem;letter-spacing:.08em;font-weight:600;text-transform:uppercase;margin-top:5px}.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:linear-gradient(135deg,#12617b,#21ad9a);color:#fff;box-shadow:0 7px 17px #116c8040;font-size:1rem;letter-spacing:-.04em}.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.nav a{color:#4e6571;font-size:.88rem;font-weight:650}.nav .who{color:var(--ink);padding-left:12px;border-left:1px solid var(--line);font-size:.85rem}.nav form{margin:0}.linkbutton{padding:0;border:0;color:#a34355;background:none;font-weight:650;font-size:.88rem}.container{max-width:1180px;margin:0 auto;padding:38px 24px 88px;min-height:calc(100vh - 130px)}.container.narrow{max-width:760px}.footer{text-align:center;padding:23px;color:#80929b;font-size:.75rem;border-top:1px solid var(--line)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.25rem,5vw,4rem);line-height:1.08;letter-spacing:-.045em;font-weight:780;margin-bottom:17px}h2{font-size:1.38rem;line-height:1.25;letter-spacing:-.025em}h3{font-size:1.03rem;line-height:1.35}p{line-height:1.65}em{font-style:normal;color:var(--teal)}.eyebrow{color:#188390;font-size:.73rem;letter-spacing:.16em;font-weight:850;text-transform:uppercase;margin-bottom:12px}.muted,.hint{color:var(--muted)}.hint{font-size:.83rem}.topgap{margin-top:26px}.back{display:inline-block;margin-bottom:25px;font-weight:700;font-size:.86rem}.hero{background:var(--navy);border-radius:24px;padding:56px 60px;color:#fff;display:flex;justify-content:space-between;gap:32px;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff2c;border-radius:50%;right:-80px;top:-90px}.hero h1{position:relative;margin:0 0 15px}.hero p{color:#b9d6da;margin:0}.hero .eyebrow{color:#72d4cc}.hero-shape{position:relative;display:flex;align-items:flex-end;gap:12px;padding:18px}.hero-shape span{display:grid;place-items:center;background:#ffffff12;border:1px solid #ffffff35;border-radius:17px;width:82px;height:115px;font-weight:800;font-size:1.8rem;transform:rotate(-8deg)}.hero-shape span:nth-child(2){background:#209a9c;height:145px;transform:rotate(5deg)}.hero-shape span:nth-child(3){height:95px;transform:rotate(12deg)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 38px}.metrics>div{background:white;border:1px solid var(--line);border-radius:16px;padding:21px 26px;box-shadow:var(--shadow)}.metrics strong{display:block;font-size:2rem;line-height:1.2;letter-spacing:-.04em;color:var(--navy)}.metrics span{color:var(--muted);font-size:.87rem}.section-title,.pagehead,.playhead{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:40px 0 18px}.pagehead{align-items:center;margin-top:0}.pagehead p{color:var(--muted);margin-bottom:0}.pagehead h1{margin-bottom:8px}.section-title h2{margin-bottom:0}.section-title span{color:var(--muted);font-size:.88rem}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel,.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:27px;box-shadow:var(--shadow)}.panel h2:first-child,.panel h3:first-child{margin-bottom:18px}.stack>*+*{margin-top:18px}.stack h2{margin-top:4px;margin-bottom:3px}.stack p{margin-bottom:0}.stack .row{margin-top:18px}.row{display:flex;align-items:center;gap:12px}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.row input,.row select{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border-radius:11px;border:1px solid transparent;text-align:center;font-size:.87rem;font-weight:760;white-space:nowrap;text-decoration:none;min-height:43px}.btn:hover{text-decoration:none;filter:brightness(.96)}.btn.primary{background:var(--navy);color:white}.btn.secondary{background:#e4f4f3;color:#0b6970}.btn.ghost{background:white;border-color:#d9e7e7;color:#345963}.btn.danger{background:#fff1f2;color:#9d4051}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{display:flex;flex-direction:column;min-height:218px}.card h3{font-size:1.24rem;margin-top:15px}.card p{font-size:.87rem;flex:1}.card .btn{align-self:flex-start}.badge{display:inline-block;border-radius:100px;background:#eaf4f3;color:#0c7176;font-weight:760;font-size:.71rem;letter-spacing:.025em;padding:6px 10px;white-space:nowrap}.tablewrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:720px;font-size:.86rem}th{text-transform:uppercase;color:#78909b;font-size:.69rem;letter-spacing:.08em;text-align:left;background:#f9fbfb}th,td{padding:16px;border-bottom:1px solid #e8eff0;vertical-align:middle}tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{color:#79909a;margin-top:4px}.tablewrap .row input{min-width:120px;max-width:160px;padding:8px 10px}.tablewrap .btn{padding:8px 11px;min-height:36px}.listrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.listrow:last-child{border-bottom:0}.listrow strong,.listrow small{display:block}.listrow small{color:var(--muted);margin-top:3px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0}.chip{border-radius:100px;background:#fff;border:1px solid var(--line);padding:7px 13px;color:var(--muted);font-size:.82rem;font-weight:700}.chip.active{background:var(--navy);color:#fff}.questionline{display:flex;justify-content:space-between;align-items:center;gap:18px}.questionline h3{margin-bottom:6px}.questionline small{color:var(--muted)}.narrowpanel{max-width:750px}.code{font-size:2rem;letter-spacing:.12em;color:var(--teal);display:block;margin-top:10px}.count{background:#e5f2f2;color:#146676;padding:5px 10px;border-radius:50px;font-size:.78rem}.authbox{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;min-height:570px}.authbox .panel{max-width:440px;width:100%}.alert{padding:14px 18px;border-radius:12px;background:#e1f3f2;color:#176966;margin:0 0 20px;border:1px solid #c9e8e5}.alert.error{background:#fff0ef;color:#a1414b;border-color:#f3d6d5}.callout{padding:18px 22px;margin:20px 0;border-radius:13px;background:#e9f4f3;border-left:4px solid var(--teal)}.textlink{font-weight:700}.liveboard,.playquestion{margin:32px 0 0;border-radius:24px;background:var(--navy);padding:34px;color:#fff;box-shadow:0 24px 60px rgba(11,45,64,.19)}.liveboard h2,.playquestion h2{font-size:clamp(1.55rem,3vw,2.5rem);line-height:1.25;margin:28px 0}.timer{border-radius:100px;background:#ffffff26;padding:9px 16px;color:white;font-weight:800;min-width:82px;text-align:center}.timer.urgent{background:#c7565f}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.option{display:flex;align-items:center;gap:18px;padding:18px;min-height:90px;background:#27789b;color:#fff;border:2px solid #ffffff16;border-radius:14px;font-weight:680;text-align:left;font-size:1.03rem;width:100%}.option strong{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:9px;background:#ffffff35;font-size:1.2rem}.option-a{background:#ce5b6b}.option-b{background:#188899}.option-c{background:#d8943d}.option-d{background:#586fb4}.option.is-correct{outline:4px solid #b1eccc}.answer-options .option:hover,.answer-options .option:focus{transform:translateY(-2px);filter:brightness(1.13)}.answer-options .option:disabled{opacity:.6;cursor:not-allowed}.on-dark{color:#bde2e2;margin:18px 0 0}.reveal-note{margin-top:22px;padding:19px;background:#e9f5ef;color:#185d42;border-radius:13px;font-weight:800}.reveal-note p{font-weight:400;margin:7px 0 0}.waiting{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fff;border-radius:18px;border:1px solid var(--line);margin-top:30px;padding:32px}.waiting h2{font-size:2rem;margin:18px 0 8px}.waiting p{color:var(--muted)}.pulse{width:72px;height:72px;border-radius:50%;background:#18a89a;box-shadow:0 0 0 14px #18a89a25,0 0 0 29px #18a89a10;animation:breathe 2s infinite}@keyframes breathe{50%{transform:scale(1.12)}}.answer-message{color:#e7fded;margin-top:15px}.bar{display:inline-block;vertical-align:middle;width:95px;height:9px;border-radius:20px;background:#dbe7e8;overflow:hidden;margin-right:8px}.bar i{display:block;height:100%;background:var(--teal)}[hidden]{display:none!important}
@media(max-width:900px){.topbar{padding:14px 22px;align-items:flex-start;flex-direction:column}.nav{gap:13px}.hero{padding:40px}.hero-shape{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.authbox{gap:24px}}
@media(max-width:650px){.container{padding:25px 15px 65px}.nav{gap:10px}.nav a,.nav .who,.nav .linkbutton{font-size:.76rem}.nav .who{padding-left:0;border:0}.hero{padding:37px 26px}.grid2,.cards,.metrics,.authbox,.options{grid-template-columns:1fr}.metrics{gap:9px}.metrics>div{padding:17px 20px}.section-title,.pagehead{align-items:flex-start}.pagehead{flex-direction:column}.panel,.card{padding:20px}.row:not(.between):not(.wrap){flex-wrap:wrap}.row input,.row select{flex-basis:100%}.questionline{align-items:flex-start;flex-direction:column}.liveboard,.playquestion{padding:22px}.option{min-height:75px}.authbox{min-height:unset}.authbox .panel{max-width:none}}

progress.bar{appearance:none;border:0;vertical-align:middle}progress.bar::-webkit-progress-bar{background:#dbe7e8}progress.bar::-webkit-progress-value{background:var(--teal)}progress.bar::-moz-progress-bar{background:var(--teal)}

.leaderboard{display:grid;gap:9px}.leaderboard>div{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:15px 20px;border-radius:12px}.leaderboard span{color:var(--teal);font-weight:850;width:34px}.leaderboard strong{flex:1}.leaderboard b{color:var(--navy);font-size:.88rem}

.qrbox{width:182px;height:182px;border:1px solid var(--line);border-radius:12px;padding:6px;background:white}.qrbox svg{width:100%;height:100%}