@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap');
:root{--orange:#ff7a0a;--orange2:#ff9b22;--navy:#24304a;--muted:#65708a;--cream:#fffaf1;--paper:#fff;--teal:#14a7a1;--purple:#7c5ce6;--line:#eadfce;--shadow:0 18px 45px rgba(77,54,25,.12);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:Nunito,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.button{font-family:'Baloo 2',Nunito,sans-serif}h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;margin-bottom:20px}h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.05}h3{font-size:1.25rem}p{color:var(--muted);line-height:1.7}.topbar{min-height:88px;max-width:1440px;margin:auto;padding:15px clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:28px;background:rgba(255,250,241,.96);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:58px;height:58px;border-radius:20px;background:linear-gradient(145deg,var(--orange2),var(--orange));color:white;display:grid;place-items:center;font-size:1.35rem;font-weight:800;box-shadow:0 10px 24px rgba(255,122,10,.25);transform:rotate(-3deg)}.brand small{display:block;letter-spacing:.12em;color:#6c6170;font-weight:800;font-size:.72rem}.brand strong{display:block;font-size:1.32rem;line-height:1}.brand em{font-style:normal;color:var(--teal);font-size:.72em}.topbar nav{display:flex;align-items:center;gap:10px}.topbar nav a{padding:10px 14px;font-weight:800}.topbar nav a:hover{color:var(--orange)}.topbar .nav-cta{background:var(--orange);color:#fff;border-radius:999px}.menu-toggle{display:none;border:0;background:transparent;font-size:1.7rem;color:var(--navy)}.eyebrow,.section-title>span,.dashboard-section .section-row span,.questions-head span,.page-intro>span,.challenge-title span{color:#d85e00;font-size:.78rem;letter-spacing:.14em;font-weight:900}.button{display:inline-flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:999px;padding:14px 25px;background:linear-gradient(135deg,var(--orange2),var(--orange));color:#fff;font-weight:800;font-size:1.05rem;box-shadow:0 12px 24px rgba(255,122,10,.23);transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(255,122,10,.3)}.button.secondary{background:#fff;color:var(--navy);box-shadow:none;border:1px solid var(--line)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.small-button{padding:9px 17px;font-size:.9rem}.premium-hero{min-height:650px;max-width:1440px;margin:auto;padding:80px clamp(24px,7vw,100px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px;overflow:hidden}.premium-hero h1 em{display:block;color:var(--orange);font-style:normal}.premium-hero p{font-size:1.18rem;max-width:690px}.hero-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0}.trust{display:flex;gap:22px;flex-wrap:wrap;color:#5f6980;font-size:.86rem;font-weight:800}.hero-visual{min-height:450px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#fff0c7 0 48%,transparent 49%)}.hero-visual:before,.hero-visual:after{content:'✦';position:absolute;color:var(--teal);font-size:2.2rem}.hero-visual:before{top:35px;left:10%}.hero-visual:after{right:8%;bottom:55px;color:var(--orange)}.big-tc{width:270px;height:270px;border-radius:44% 56% 54% 46%;display:grid;place-items:center;color:#fff;font:800 6rem 'Baloo 2';background:linear-gradient(145deg,#ffa326,#ff6e00);box-shadow:0 30px 60px rgba(255,122,10,.3);transform:rotate(-6deg);border:14px solid white}.float-card{position:absolute;background:white;padding:14px 20px;border-radius:16px;box-shadow:var(--shadow);font-weight:900}.float-card.one{left:0;bottom:90px}.float-card.two{right:0;top:80px}.feature-section{padding:80px clamp(24px,7vw,100px);background:#fff;max-width:1440px;margin:auto}.section-title{text-align:center;max-width:720px;margin:0 auto 42px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.feature-grid article{background:var(--cream);padding:28px;border-radius:22px;border:1px solid var(--line)}.feature-grid i{font-style:normal;font-size:2rem}.feature-grid p{margin:0}.feature-grid.small article{background:#fff}.auth-shell{min-height:calc(100vh - 90px);display:grid;place-items:center;padding:50px 20px;background:radial-gradient(circle at 15% 15%,#fff1c9 0 9%,transparent 10%),radial-gradient(circle at 90% 75%,#d9f3f0 0 10%,transparent 11%)}.auth-card{width:min(880px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:clamp(25px,5vw,55px);box-shadow:var(--shadow)}.auth-card.compact-card{max-width:520px}.auth-card h1{font-size:2.8rem}.auth-card.wide-card{max-width:760px;text-align:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-stack{display:grid;gap:18px}.full{grid-column:1/-1}label{display:grid;gap:7px;color:#34405a;font-weight:800;font-size:.91rem}input,select,textarea{width:100%;border:1.5px solid #dcd4c8;border-radius:13px;padding:12px 14px;background:#fff;color:var(--navy);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,122,10,.1)}textarea{resize:vertical}.check-row{display:flex;align-items:flex-start;gap:10px;font-weight:600}.check-row input{width:18px;margin-top:3px}.check-row a{color:var(--orange);text-decoration:underline}.auth-link{text-align:center;margin:20px 0 0}.auth-link a,.auth-links a{color:var(--orange);font-weight:800}.auth-links{display:flex;justify-content:space-between;margin-top:22px}.notice,.flash{padding:13px 17px;border-radius:13px;margin:15px 0;font-weight:700}.notice.error,.flash-error{background:#fff0ef;color:#a92c21}.notice.success,.flash-success{background:#e8f8f3;color:#0e725a}.flash-warning,.notice.warning{background:#fff4d7;color:#805b00}.flash{max-width:1280px;margin:10px auto}.help{font-size:.88rem;margin-top:22px}.dashboard-shell,.editor-shell,.challenge-shell{max-width:1360px;margin:auto;padding:45px clamp(20px,5vw,70px) 90px}.narrow-shell{max-width:980px}.welcome-card{background:linear-gradient(125deg,#27334e,#384c71);padding:34px;border-radius:26px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px;box-shadow:var(--shadow)}.welcome-card h1{font-size:3rem;margin:5px 0}.welcome-card p{color:#d9e0ed;margin:0}.subscription-summary{display:grid;justify-items:end;gap:8px}.subscription-summary small,.subscription-summary span{color:#dce5f3}.status{display:inline-flex;align-items:center;width:max-content;padding:5px 10px;border-radius:999px;font-size:.76rem;font-weight:900;background:#f1eee8;color:#6a6570}.status-active,.status-published{background:#dff7ed;color:#0d7657}.status-pending,.status-draft{background:#fff1c7;color:#8a5c00}.status-past_due,.status-suspended,.status-canceled,.status-expired{background:#ffe1df;color:#9a2f27}.activation-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fff2ce;border:1px solid #f5d88b;border-radius:20px;padding:22px 26px;margin-top:24px}.activation-banner strong{font:800 1.3rem 'Baloo 2'}.activation-banner p{margin:2px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.stats-grid article{display:flex;align-items:center;gap:16px;background:#fff;padding:22px;border:1px solid var(--line);border-radius:20px}.stats-grid article>span{font-size:2rem}.stats-grid strong,.stats-grid small{display:block}.stats-grid strong{font-size:1.3rem}.stats-grid small{color:var(--muted)}.dashboard-section{margin-top:55px}.section-row,.row-intro{display:flex;justify-content:space-between;align-items:end;gap:25px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;align-items:center;gap:15px;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-card.featured{background:#fff4d8;border-color:#f6d98f}.tool-card i{font-style:normal;width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;font-size:1.5rem}.tool-card span{flex:1}.tool-card strong,.tool-card small{display:block}.tool-card small{color:var(--muted);margin-top:4px}.tool-card b{font-size:1.4rem}.page-intro{margin-bottom:30px}.page-intro h1,.challenge-title h1{font-size:3.2rem;margin:5px 0 8px}.page-intro p{margin:0}.empty-state{background:#fff;border:1px dashed #ddcdb8;border-radius:25px;padding:55px 25px;text-align:center}.empty-state>span,.big-icon{font-size:3.5rem}.empty-state p{max-width:650px;margin:0 auto 22px}.return-card{max-width:700px}.plan-card,.payment-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 12px 30px rgba(60,45,25,.07);margin-bottom:22px}.plan-card{display:flex;align-items:flex-start;justify-content:space-between;gap:35px}.plan-card>div>span{color:var(--teal);font-size:.75rem;font-weight:900;letter-spacing:.15em}.plan-card>strong{font:800 2.2rem 'Baloo 2';white-space:nowrap;color:var(--orange)}.plan-card>strong small{font:700 .85rem Nunito;color:var(--muted)}.plan-card ul{padding-left:20px;color:var(--muted);line-height:1.8}.active-plan{border-color:#8bd5c3}.plan-icon{width:50px;height:50px;border-radius:50%;background:#dff7ed;color:#14775c;display:grid;place-items:center;font-size:1.5rem}.secure-note{font-size:.82rem;margin:14px 0 0}.quiz-list{display:grid;gap:16px}.quiz-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;align-items:center;gap:18px}.quiz-icon{width:54px;height:54px;border-radius:16px;background:#fff0c8;display:grid;place-items:center;font-size:1.7rem}.quiz-main{flex:1}.quiz-labels{display:flex;gap:8px;align-items:center}.quiz-labels>span:first-child{font-size:.72rem;letter-spacing:.1em;color:var(--teal);font-weight:900}.quiz-main h2{font-size:1.4rem;margin:7px 0 3px}.quiz-main p{margin:0;font-size:.88rem}.quiz-actions{display:flex;align-items:center;gap:12px;font-weight:800}.quiz-actions>a:not(.button){color:var(--muted)}.editor-meta,.question-editor{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}.questions-head{display:flex;align-items:end;justify-content:space-between;margin:45px 0 20px}.questions-head h2{margin:3px 0}.question-editor{margin-bottom:18px}.question-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.question-top strong{font:800 1.25rem 'Baloo 2'}.remove-question{border:0;background:#fff0ef;color:#a92c21;border-radius:10px;padding:7px 10px;font-weight:800}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.choice-field{grid-template-columns:38px 1fr auto;align-items:center;gap:8px;background:#faf7f1;border-radius:14px;padding:8px}.choice-field>span{width:32px;height:32px;border-radius:10px;background:var(--orange);color:#fff;display:grid;place-items:center}.choice-field input{background:#fff}.choice-field em{font-style:normal;font-size:.72rem;display:flex;gap:4px;align-items:center}.choice-field em input{width:16px}.sticky-save{position:sticky;bottom:15px;background:rgba(36,48,74,.96);color:#fff;border-radius:18px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow);z-index:10}.challenge-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.room-start{background:#fff;border:1px solid var(--line);border-radius:28px;text-align:center;padding:75px 20px}.challenge-error{color:#b03228;font-weight:800;margin-top:12px}.room-stage{display:grid;grid-template-columns:310px 1fr;background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;min-height:620px;box-shadow:var(--shadow)}.room-sidebar{background:#25314c;color:#fff;padding:28px;display:flex;flex-direction:column;align-items:center}.room-sidebar>span{font-size:.72rem;letter-spacing:.16em;font-weight:900;color:#b7c2d6}.room-sidebar>strong{font:800 3.4rem 'Baloo 2';letter-spacing:.08em;color:#ffc24b}.qr-box{width:220px;min-height:220px;background:#fff;padding:5px;border-radius:16px;margin:15px 0;display:grid;place-items:center}.qr-box svg{width:100%;height:auto}.room-sidebar>small{font-size:.66rem;color:#bec9dc;overflow-wrap:anywhere;text-align:center}.teams-mini{width:100%;margin-top:25px}.teams-mini>span{display:flex;justify-content:space-between;font-size:.75rem;font-weight:900;color:#b7c2d6}.teams-mini>div{margin-top:10px;display:grid;gap:7px}.teams-mini>div>div{display:flex;align-items:center;gap:8px;background:#33415f;border-radius:11px;padding:8px}.teams-mini i{font-style:normal}.teams-mini span{flex:1}.presenter-area{padding:40px;display:grid;place-items:center}.lobby-view,.finished-view{text-align:center}.waiting-pulse{font-size:2rem;color:var(--teal);animation:pulse 1.2s infinite}.question-view{width:100%}.question-progress{display:flex;justify-content:space-between;color:var(--muted);font-weight:800}.question-view h2{font-size:clamp(1.8rem,4vw,3.2rem);margin:30px 0}.presenter-choices{display:grid;grid-template-columns:1fr 1fr;gap:13px}.choice{padding:18px;border-radius:14px;color:#fff;display:flex;align-items:center;gap:13px}.choice-0{background:#e84b42}.choice-1{background:#2f72d6}.choice-2{background:#d09a0b}.choice-3{background:#38a55f}.choice.correct{outline:7px solid #a2efba;transform:scale(1.015)}.choice span{font-size:1.4rem}.explanation-box{background:#eefaf6;border:1px solid #a8decf;border-radius:15px;padding:16px;margin:18px 0}.explanation-box span,.explanation-box small{display:block;color:#4f6a62;margin-top:4px}.question-view>.button{margin-top:20px}.podium{display:grid;gap:10px;margin:20px 0}.podium>div{min-width:350px;display:flex;justify-content:space-between;background:#faf6ee;padding:13px 16px;border-radius:12px}.team-shell{min-height:calc(100vh - 90px);padding:35px 16px;display:grid;place-items:center}.join-card,.team-game{width:min(680px,100%);background:#fff;border:1px solid var(--line);border-radius:25px;padding:clamp(22px,5vw,42px);box-shadow:var(--shadow)}.join-card h1{font-size:2.8rem}.join-card form{display:grid;gap:18px}.join-card fieldset{border:0;padding:0;margin:0}.join-card legend{font-weight:800;margin-bottom:9px}.avatar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.avatar-grid input{position:absolute;opacity:0}.avatar-grid span{display:grid;place-items:center;padding:8px 3px;border:2px solid #e7dfd4;border-radius:13px;cursor:pointer}.avatar-grid i{font-style:normal;font-size:1.7rem}.avatar-grid small{font-size:.6rem;text-align:center}.avatar-grid input:checked+span{border-color:var(--orange);background:#fff2cf}.team-status{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;font-weight:900}.team-wait,.team-finished{text-align:center;padding:60px 0}.team-question h2{font-size:clamp(1.6rem,6vw,2.5rem);margin:25px 0}.team-choices{display:grid;gap:10px}.team-choices button{border:0;border-radius:14px;padding:15px;color:#fff;display:flex;align-items:center;gap:12px;text-align:left}.team-choices button span{font-size:1.35rem}.team-choices button:disabled{opacity:.65}.answer-sent{background:#e9f5ff;color:#2f5f8f;border-radius:13px;padding:14px;text-align:center;margin-top:15px;font-weight:800}.team-result{border-radius:15px;padding:18px;margin-top:16px;display:grid;gap:4px}.team-result strong{font-size:1.25rem}.team-result small{margin-top:5px}.result-correct{background:#e3f8eb;color:#126b3d}.result-wrong{background:#fff0e5;color:#9b4a16}.footer-links{display:flex;gap:18px}footer{max-width:1440px;margin:auto;padding:35px clamp(20px,5vw,76px);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#fff}footer p{margin:3px 0}footer small{color:var(--muted)}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.resource-card{display:flex;gap:20px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px}.resource-icon{width:62px;height:62px;flex:0 0 62px;border-radius:18px;background:#fff0c9;display:grid;place-items:center;font-size:2rem}.resource-card small{color:var(--teal);font-weight:900;letter-spacing:.1em}.resource-card h2{font-size:1.6rem;margin:8px 0}.resource-meta{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.resource-meta span{background:#f5f2ec;border-radius:999px;padding:6px 10px;color:var(--muted);font-size:.76rem;font-weight:800}
@keyframes pulse{50%{opacity:.3;transform:scale(.8)}}
@media (max-width:980px){.premium-hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.premium-hero p{margin-left:auto;margin-right:auto}.hero-actions,.trust{justify-content:center}.hero-visual{min-height:360px}.feature-grid,.tool-grid{grid-template-columns:1fr 1fr}.room-stage{grid-template-columns:250px 1fr}.room-sidebar{padding:20px}.qr-box{width:190px;min-height:190px}.presenter-area{padding:25px}.quiz-card{align-items:flex-start}.quiz-actions{flex-wrap:wrap;justify-content:flex-end}}
@media (max-width:720px){.topbar{min-height:76px;padding:10px 18px}.brand-mark{width:48px;height:48px;border-radius:16px}.brand strong{font-size:1.05rem}.menu-toggle{display:block;margin-left:auto}.topbar nav[data-nav]{display:none;position:absolute;top:75px;left:14px;right:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.topbar nav[data-nav].open{display:flex}.topbar nav:not([data-nav]) a:first-child{display:none}.premium-hero{padding:40px 20px;min-height:auto}.premium-hero h1{font-size:3rem}.big-tc{width:210px;height:210px;font-size:4.5rem}.float-card{font-size:.72rem}.feature-section{padding:55px 20px}.feature-grid,.feature-grid.small,.stats-grid,.tool-grid,.form-grid,.choice-grid{grid-template-columns:1fr}.welcome-card,.activation-banner,.row-intro,.challenge-title,.plan-card{align-items:flex-start;flex-direction:column}.subscription-summary{justify-items:start}.dashboard-shell,.editor-shell,.challenge-shell{padding:30px 16px 70px}.page-intro h1,.challenge-title h1{font-size:2.4rem}.quiz-card{display:grid;grid-template-columns:auto 1fr}.quiz-actions{grid-column:1/-1;justify-content:flex-start}.room-stage{grid-template-columns:1fr}.room-sidebar{padding:18px}.qr-box{display:none}.room-sidebar>small{display:none}.teams-mini{margin-top:15px}.presenter-area{padding:20px;min-height:470px}.presenter-choices{grid-template-columns:1fr}.podium>div{min-width:0}.avatar-grid{grid-template-columns:repeat(3,1fr)}.auth-card{padding:25px 20px}.footer-links,footer{align-items:flex-start;flex-direction:column}.sticky-save{bottom:8px}.question-editor{padding:18px}.choice-field{grid-template-columns:32px 1fr}.choice-field em{grid-column:2}.hero-visual{display:none}}
@media (max-width:980px){.resource-grid{grid-template-columns:1fr}}
@media (max-width:720px){.resource-card{flex-direction:column;padding:22px}}