@import url('https://fonts.googleapis.com/css2?family=Changa:wght@400;500;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2:wght@400;500;600;700;800&display=swap');
:root{--blue:#079ef1;--ink:#23364b;--pink:#f46c9d;--border:#d8eaf6}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Baloo Bhaijaan 2',Tahoma,sans-serif;background:linear-gradient(180deg,#9cdbfc 0,#edf8ff 570px,#fffaf6 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}[hidden]{display:none!important}header{max-width:1080px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:25px;line-height:1.1}.brand b{display:block;color:#d84079}.brand-icon{font-size:43px}.tiny-star{color:#fff4a7;font-size:28px;text-shadow:1px 2px #c99830}.language{background:#ffffffbd;padding:8px 16px;border-radius:16px;font-size:14px;font-weight:700}.sky-decor{position:absolute;width:100%;height:500px;pointer-events:none;overflow:hidden;z-index:-1}.sky-decor span{position:absolute;font-size:80px;color:#fff8;transform:rotate(-15deg)}.sky-decor span:nth-child(1){top:160px;left:10%}.sky-decor span:nth-child(2){top:340px;right:8%;color:#f799ba8c}.sky-decor span:nth-child(3){top:90px;right:22%}.sky-decor span:nth-child(4){top:370px;left:20%;font-size:40px}main{max-width:1020px;margin:auto;padding:0 24px 45px}.hero{text-align:center;padding:28px 0 40px}.pill{display:inline-block;border:1px solid #fff;background:#ffffffb5;border-radius:30px;padding:5px 20px;font-size:15px;font-weight:700}.friends{position:relative;height:125px;width:270px;margin:20px auto 2px}.friends span{position:absolute;filter:drop-shadow(0 8px 0 #4a78961a)}.bear{font-size:90px;right:5px;transform:rotate(12deg)}.panda{font-size:83px;left:8px;top:17px;transform:rotate(-12deg)}.heart{font-size:48px;left:111px;top:0}h1{font-size:46px;line-height:1.25;letter-spacing:-1px;margin:15px 0 18px;font-weight:800}h1 span{color:#de4d85}.hero p,.result-card p{font-size:18px;line-height:1.7;color:#627385}.primary{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:57px;padding:12px 32px;color:white;background:linear-gradient(#16b1ff,#0096ed);border:2px solid white;border-radius:19px;font-weight:800;font-size:20px;box-shadow:0 7px 0 #007fc329,0 12px 22px #079ef128;transition:transform .18s}.primary:hover{transform:translateY(-2px)}.primary:active{transform:translateY(2px)}.hero .primary{min-width:300px}.micro{font-size:13px;margin-top:19px;color:#718394}.how{text-align:center;margin-top:32px}.section-label{color:#dd5988;font-size:14px;font-weight:700}h2{font-size:27px;margin:8px 0 25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:right}.steps article{position:relative;padding:25px;background:#fffc;border:2px solid white;border-radius:26px;box-shadow:0 8px 25px #b3cadd22}.step-icon{font-size:35px;display:block}.steps small{position:absolute;top:20px;left:22px;font-size:23px;font-weight:800;color:#bdd4e5}.steps h3{font-size:21px;margin:10px 0 3px}.steps p{font-size:15px;color:#758493;margin:0}.bottom-note{text-align:center;margin:32px 0 0;color:#88929b;font-size:14px}footer{max-width:1080px;margin:auto;border-top:1px solid #dce7ef;padding:24px 32px;display:flex;justify-content:space-between;font-weight:700;font-size:14px}footer span{font-weight:400;color:#86929e}.quiz-shell{max-width:660px;margin:15px auto;padding:30px;background:#fffd;border:2px solid white;border-radius:30px;box-shadow:0 15px 50px #428ab119;text-align:center}.back{display:block;text-align:right;color:#718598;font-size:14px;margin-bottom:22px}.quiz-shell h1{font-size:33px}.intro{color:#738292;font-size:16px}.mascot{font-size:68px;margin:15px 0}.name-step{max-width:420px;margin:25px auto}.name-step h2{margin:8px}.name-step label{display:block;text-align:right;color:#60748a;margin:20px 0 8px}input[type=text],input:not([type]){width:100%;padding:14px 18px;background:white;border:2px solid #cae2f2;border-radius:16px;outline:none;font-size:19px;color:var(--ink)}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #079ef117}.name-step .primary{width:100%;margin-top:20px}.progress-meta{display:flex;justify-content:space-between;color:#7e8e9c;font-size:14px;margin-top:26px}.progress{height:9px;border-radius:20px;background:#e8f0f5;margin:10px 0 30px;overflow:hidden}.progress>div{background:#f78fb5;height:100%;transition:width .2s;border-radius:20px}fieldset{padding:0;margin:0;border:0;text-align:right}legend{font-size:27px;font-weight:800;margin:0 0 22px;width:100%}.options{display:grid;grid-template-columns:1fr 1fr;gap:13px}.option{position:relative;display:flex;align-items:center;justify-content:space-between;border:2px solid #e1eaf1;border-radius:17px;background:white;padding:20px 16px;cursor:pointer;min-height:85px}.option input{position:absolute;opacity:0;pointer-events:none}.option span{font-size:19px;font-weight:600}.option i{width:18px;height:18px;border:2px solid #d2dee7;border-radius:50%;flex-shrink:0;margin-right:5px}.option:has(input:checked){border-color:#fb93b8;background:#fff0f6}.option:has(input:checked) i{border:5px solid #f374a3;background:white}.option:has(input:focus-visible){outline:3px solid var(--blue)}.navigation{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.secondary{display:inline-flex;justify-content:center;align-items:center;border:1px solid #d9e5ee;border-radius:15px;background:white;padding:12px 20px;color:#657d90;font-weight:700;font-size:16px}.form-error{color:#cc4772;min-height:24px;font-size:14px}.result-card{max-width:640px;text-align:center;margin:28px auto;padding:32px;background:#fffd;border:2px solid white;border-radius:30px;box-shadow:0 15px 50px #428ab119}.result-card h1{font-size:36px}.share-box{display:flex;gap:8px;align-items:center;margin:25px 0 15px}.share-box input{direction:ltr;font-size:14px;min-width:0}.compact{white-space:nowrap;font-size:15px;padding:12px 16px;gap:0;min-height:53px}.whatsapp{display:block;border-radius:15px;padding:12px;background:#e1f7eb;color:#228c57;font-size:18px;font-weight:700}.result-card .private-note{font-size:13px;color:#8a99a6}.leaderboard{max-width:640px;margin:35px auto}.leaderboard h2{text-align:center}.empty{text-align:center;border:2px dashed #cddfeb;border-radius:25px;padding:28px;color:#7c8e9f;font-size:30px}.empty h3{font-size:20px;margin:8px}.empty p{font-size:15px;margin:0}.score-list{display:grid;gap:10px}.score-row{display:flex;gap:15px;align-items:center;padding:15px 20px;background:white;border:1px solid #e0eaf2;border-radius:18px}.rank{font-size:26px;min-width:35px}.points{margin-right:auto;color:#e45e90;font-weight:800;white-space:nowrap}.refresh{display:flex;margin:18px auto;max-width:200px}.score{font-size:90px;line-height:1.2;font-weight:800;color:#ed719e;margin:20px}.score span{font-size:30px;color:#9ab3c4}:focus-visible{outline:3px solid #1275ae;outline-offset:4px}@media(max-width:650px){header{padding:22px 20px}.brand{font-size:21px}.brand-icon{font-size:35px}.language{font-size:12px;padding:7px 10px}main{padding:0 16px 35px}.hero{padding-top:15px}h1{font-size:36px}.hero p{font-size:16px}.steps{grid-template-columns:1fr;gap:12px}.steps article{padding:18px 22px}.step-icon{float:right;margin-left:18px;margin-top:8px}.steps h3{margin-top:4px}.how h2{font-size:23px}.how{margin-top:20px}footer{padding:20px;display:block;text-align:center}footer span{display:block;margin-top:5px}.quiz-shell{padding:22px 17px}.quiz-shell h1{font-size:28px}legend{font-size:24px}.options{grid-template-columns:1fr}.option{min-height:70px;padding:15px}.navigation .primary{font-size:17px;padding:10px 17px}.secondary{padding:10px 14px}.result-card{padding:25px 18px}.result-card h1{font-size:30px}.share-box{flex-direction:column}.compact{width:100%}.sky-decor span:nth-child(1){left:0;font-size:50px}.hero .primary{min-width:270px}}
/* Independent challenge identity */

:root{--blue:#6b3df5;--ink:#242038;--pink:#6b3df5}body{background:#f5f3ed;font-family:'Changa',Tahoma,sans-serif;background-image:radial-gradient(#2f244610 1px,transparent 1px);background-size:22px 22px}.sky-decor{display:none}header{max-width:1200px;padding:30px 40px;border-bottom:1px solid #24203820}.brand{font-size:23px;gap:13px}.brand-icon{display:grid;place-items:center;width:45px;height:45px;border:2px solid #242038;background:#d9fb6c;box-shadow:3px 3px 0 #242038;font-size:33px;transform:rotate(7deg)}.brand b{display:inline;color:#6b3df5}.tiny-star{display:none}.language{border:1px solid #242038;background:transparent;border-radius:6px}main{max-width:1160px}.hero{position:relative;min-height:570px;text-align:right;padding:80px 15px 70px;padding-left:49%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hero .pill{order:0}.hero h1{font-size:53px;line-height:1.45;margin:20px 0 10px;letter-spacing:-1.5px}.hero h1 span{color:#6b3df5}.hero p{font-size:17px;color:#777180;line-height:1.9}.pill{background:#eae3fd;color:#5c35c6;border:0;border-radius:5px;padding:6px 14px;font-size:13px}.primary{background:#6b3df5;border:2px solid #242038;border-radius:8px;box-shadow:4px 5px 0 #242038;color:#fff;min-height:57px;font-size:18px;padding:13px 27px}.primary:hover{background:#5b2de5;transform:translate(-1px,-2px)}.hero .primary{min-width:255px;margin-top:10px}.micro{color:#898390;margin-top:23px;font-size:12px}.challenge-art{position:absolute;left:15px;top:65px;width:440px;height:450px}.art-orbit{position:absolute;width:365px;height:365px;left:30px;top:40px;background:#e6ddfc;border-radius:50%;border:1px dashed #a695c7}.art-card{position:absolute;border:2px solid #242038;border-radius:14px;padding:25px;box-shadow:8px 8px 0 #242038}.art-back{width:245px;height:280px;left:165px;top:28px;background:#6b3df5;color:white;transform:rotate(12deg)}.art-back span{font-size:12px;color:#d9fb6c;display:block}.art-back b{font-size:28px;display:block;margin-top:16px}.art-back i{position:absolute;bottom:10px;left:30px;font-style:normal;font-size:110px;color:#d9fb6c}.art-front{width:265px;height:280px;left:30px;top:130px;background:#fff;transform:rotate(-9deg);text-align:right}.art-front>span{font-size:14px}.art-front b{display:block;font-size:73px;line-height:1.5;color:#6b3df5}.art-front b span{font-size:28px;color:#aaa1ba}.art-front small{display:block;font-size:12px;margin-top:18px}.art-bars{display:flex;gap:7px}.art-bars i{height:10px;width:35px;background:#d9fb6c;border:1px solid #242038;border-radius:2px}.art-sticker{position:absolute;bottom:6px;right:10px;background:#d9fb6c;border:2px solid #242038;padding:11px 18px;font-size:15px;font-weight:700;transform:rotate(5deg);box-shadow:4px 4px 0 #242038}.how{text-align:right;border-top:1px solid #24203820;padding:32px 15px 0;margin-top:0}.section-label{color:#6b3df5;font-size:12px}.how h2{font-size:27px;margin:10px 0 25px}.steps article{border:1px solid #242038;background:#fff;border-radius:10px;box-shadow:4px 4px 0 #24203812;padding:24px}.steps article:nth-child(2){background:#eae3fd}.steps article:nth-child(3){background:#e8f3cc}.steps small{color:#9a92aa;font-size:18px}.steps h3{font-size:19px}.steps p{font-size:13px;line-height:1.8}.step-icon{font-size:27px}.bottom-note{font-size:12px;margin-top:35px}footer{border-top:1px solid #24203820;max-width:1200px;font-size:12px}.quiz-shell,.result-card{background:#fff;border:2px solid #242038;border-radius:14px;box-shadow:7px 7px 0 #d9fb6c;margin-top:40px}.quiz-shell h1,.result-card h1{color:#242038}.result-card h1 span{color:#6b3df5}.mascot{font-size:52px}.option{border:1px solid #c8c3d2;border-radius:8px}.option:has(input:checked){background:#eee8ff;border:2px solid #6b3df5}.option:has(input:checked) i{border-color:#6b3df5}.option span{font-size:17px}.progress{background:#eeeaf5;height:8px;border-radius:3px}.progress>div{background:#6b3df5;border-radius:3px}.secondary{border:1px solid #c8c3d2;border-radius:7px;color:#6d637b}.score{color:#6b3df5}.points{color:#6b3df5}.score-row{border:1px solid #c8c3d2;border-radius:8px}.empty{border-color:#c8c3d2;border-radius:10px}.share-box input,input:not([type]){border-radius:8px;border-color:#c8c3d2}.whatsapp{border-radius:8px}.navigation{padding:5px}.leaderboard h2{font-size:24px}
@media(max-width:900px) and (min-width:651px){.hero{padding-left:46%;padding-top:65px}.hero h1{font-size:42px}.challenge-art{transform:scale(.78);transform-origin:left center;left:-10px}}
@media(max-width:650px){header{padding:22px 20px}.brand{font-size:18px}.brand-icon{width:36px;height:36px;font-size:26px}.language{font-size:10px}.hero{padding:30px 4px 35px;min-height:auto;align-items:center;text-align:center}.hero h1{font-size:36px;line-height:1.5;margin-top:18px}.hero p{font-size:14px}.hero .pill{order:0}.challenge-art{position:relative;left:auto;top:auto;width:330px;height:330px;order:0;margin:18px 0 0;transform:none}.art-orbit{width:270px;height:270px;left:27px;top:20px}.art-back{left:132px;top:7px;width:170px;height:205px;padding:16px}.art-back b{font-size:22px}.art-back i{font-size:80px;left:20px}.art-front{left:25px;top:82px;width:200px;height:215px;padding:18px}.art-front b{font-size:55px}.art-front b span{font-size:22px}.art-front>span{font-size:12px}.art-front small{margin-top:10px;font-size:10px}.art-bars{gap:4px}.art-bars i{width:28px;height:8px}.art-sticker{bottom:0;right:5px;font-size:12px;padding:8px 12px}.hero .primary{min-width:250px;font-size:17px}.how{padding:25px 4px 0}.how h2{font-size:22px;line-height:1.6}.steps article{padding:18px}.steps p{font-size:12px}.quiz-shell,.result-card{margin-top:24px}.quiz-shell h1{font-size:25px}.result-card h1{font-size:27px}legend{font-size:22px}.intro{font-size:14px}.option span{font-size:16px}footer{font-size:11px}}

.category-picker{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:24px 0;padding:18px;background:#f5f1ff;border-radius:10px}.category-picker label{font-size:14px}.category-picker select{font:inherit;border:1px solid #c8c3d2;border-radius:7px;padding:8px;background:white;color:#242038}.option.feedback-right{border:2px solid #4b963b!important;background:#e7f6db!important}.option.feedback-wrong{border:2px solid #d44c68!important;background:#ffe7ee!important}.option:has(input:disabled){cursor:default}.answer-right{color:#397c2b!important}.answer-wrong{color:#be3e5a}.review-answer{padding:18px 22px;background:#fff;border:1px solid #d8cede;border-radius:10px;margin:12px 0}.review-answer h3{font-size:17px;margin:0 0 12px}.review-answer p{font-size:14px;margin:6px 0}.quiz-form .form-error{line-height:1.8}