@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Fredoka:wght@500;600;700&display=swap');
:root{--green:#2d6a45;--green2:#74b84a;--lime:#a7d65a;--orange:#ef7c25;--yellow:#ffd96a;--cream:#fff7dc;--brown:#70452b;--ink:#26352a;--pink:#f08b83;--sky:#bce8ef}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'Baloo 2',system-ui,sans-serif;color:var(--ink)}
body{background:linear-gradient(180deg,#bfe9e8 0 18%,#e9f4c9 18% 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:15px 15px}
.dino{position:fixed;z-index:0;font-size:64px;opacity:.22;pointer-events:none;animation:float 4s ease-in-out infinite}.d1{left:2%;top:16%}.d2{right:2%;top:63%;animation-delay:1s}.landing .dino{font-size:85px}.leaf{position:fixed;opacity:.3;font-size:80px;pointer-events:none}.l1{left:-12px;bottom:12%}.l2{right:-10px;top:35%}
.home,.quiz-wrap{position:relative;z-index:1;width:min(900px,94%);margin:auto;padding:28px 0 48px}.home{text-align:center}
.hero-dinos{font-size:45px;display:flex;justify-content:center;align-items:end;gap:12px;margin:5px 0 8px;animation:pop .7s ease}.hero-dinos .big{font-size:70px;filter:drop-shadow(0 8px 3px #4d7b3b44)}
.badge{display:inline-block;background:#fffdf0;border:3px solid var(--orange);color:var(--brown);border-radius:999px;padding:8px 18px;font:700 13px 'Fredoka';letter-spacing:.12em;box-shadow:0 5px 0 #a75a25}
h1{font:800 clamp(40px,8vw,74px)/.98 'Fredoka';color:var(--green);margin:22px 0 12px;text-shadow:0 4px 0 #fff8d6}h1 em{color:var(--orange);font-style:normal}.subtitle{font-size:21px;line-height:1.35;margin:0 0 24px}
.home-card,.question-card{background:var(--cream);border:4px solid var(--brown);border-radius:30px;box-shadow:0 9px 0 #8b5b38,0 18px 35px #375c4630;position:relative}
.home-card{max-width:650px;margin:0 auto 22px;padding:26px;text-align:left}.card-icon{position:absolute;right:20px;top:-23px;font-size:48px;transform:rotate(14deg)}.home-card h2{font:700 27px 'Fredoka';margin:0 0 14px;color:var(--green)}
.steps{display:grid;gap:12px}.steps div{display:flex;gap:15px;align-items:center;background:#fffdf0;border-radius:18px;padding:11px 14px;border:2px dashed #c89a50}.steps b{background:var(--orange);color:white;border-radius:12px;padding:6px 9px;font-family:'Fredoka';flex:none}.steps span{font-size:17px;line-height:1.25}
.cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:18px;background:var(--green2);color:white;text-decoration:none;font:700 19px 'Fredoka';padding:16px 22px;box-shadow:0 7px 0 var(--green);cursor:pointer;transition:.18s transform,.18s filter}.cta{width:min(650px,100%)}.cta:hover,.btn:hover{transform:translateY(-3px);filter:saturate(1.1)}.cta b{margin-left:auto;font-size:26px}
.partner-box{width:min(650px,100%);margin:18px auto 0;padding:15px 18px;background:#fff1b7;border:3px solid #d89c37;border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left}.partner-box strong{font:700 19px 'Fredoka'}.partner-box small{font-size:14px}.partner-box a{color:var(--green);font-weight:700;white-space:nowrap}.tiny{font-size:13px;opacity:.7;margin-top:20px}
footer{text-align:center;padding:15px;color:#47624c;font-size:12px}.quiz-head{text-align:center}.home-link{display:inline-block;color:var(--brown);font-weight:700;text-decoration:none;margin-bottom:8px}.mini-dino{font-size:50px;animation:float 3s ease-in-out infinite}.quiz-head h1{font-size:clamp(34px,7vw,58px);margin:14px 0 7px}.quiz-head p{max-width:680px;margin:0 auto 20px;font-size:18px}
.progressbox{max-width:760px;margin:12px auto 18px}.progressrow{display:flex;justify-content:space-between;color:var(--brown);font:700 14px 'Fredoka';margin-bottom:7px}.track{height:18px;background:#f0d28a;border:3px solid #b77a39;border-radius:99px;position:relative;overflow:visible}.bar{height:100%;width:5%;background:linear-gradient(90deg,var(--green2),var(--lime));border-radius:99px;transition:width .45s ease}.runner{position:absolute;top:-20px;left:0;transform:translateX(-30%);font-size:32px;transition:left .45s ease}.bar[style*="100"]~.runner{left:100%}
.question-card{padding:28px 25px;margin:auto;max-width:760px;min-height:500px;animation:slide .35s ease}.qtop{display:flex;justify-content:space-between;align-items:center;color:var(--orange);font:700 14px 'Fredoka';letter-spacing:.1em}.qtop b{font-size:35px;opacity:.8}.question{font:700 clamp(28px,5.5vw,45px)/1.08 'Fredoka';color:var(--green);margin:18px 0 25px}.options{display:grid;gap:12px}.option{display:flex;align-items:center;gap:12px;padding:15px;border:3px solid #d4b36b;border-radius:17px;background:#fffdf1;font-size:19px;cursor:pointer;transition:.15s}.option:hover{transform:translateX(4px);border-color:var(--orange)}.option input{accent-color:var(--green);width:20px;height:20px}.text{width:100%;min-height:190px;resize:vertical;border:3px solid #d4b36b;border-radius:20px;background:#fffdf7;padding:17px;font:18px/1.45 'Baloo 2';color:var(--ink);outline:none}.text:focus{border-color:var(--green);box-shadow:0 0 0 5px #74b84a22}.nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.btn{font-size:17px;padding:13px 20px}.btn.alt{background:#fff0c5;color:var(--brown);box-shadow:0 6px 0 #b88d50}.btn:disabled{opacity:.4;box-shadow:none;transform:none;cursor:not-allowed}.tip{text-align:center;color:#6b573f;font-style:italic;margin:18px 0}
.result{text-align:center}.result-dino{font-size:62px;margin-bottom:8px}.score{font:800 68px 'Fredoka';color:var(--orange);margin:10px}.smallscore{font-size:54px}.notice{background:#fff0b6;border:3px dashed #c9933c;border-radius:17px;padding:15px;text-align:left;line-height:1.45;font-size:16px}.shareline{font-size:11px;opacity:.65;word-break:break-all;margin:15px 0}.copy{margin:8px}.linkbtn{margin-top:8px;text-decoration:none}.codeinput{display:block;width:100%;max-width:350px;margin:0 auto 18px;text-align:center;text-transform:uppercase;letter-spacing:.2em;border:3px solid #d4b36b;border-radius:17px;padding:16px;font:700 28px 'Fredoka';background:#fffdf7;color:var(--ink);outline:none}.answers{text-align:left;margin-top:22px}.answerbox{background:#fffdf0;border:2px solid #e0c889;border-radius:17px;padding:15px;margin:12px 0}.answerbox b{color:var(--green);font:700 17px 'Fredoka'}.answerbox p{margin:7px 0;font-size:15px;line-height:1.4}.hidden{display:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes pop{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}@keyframes slide{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
@media(max-width:600px){.home,.quiz-wrap{width:92%;padding-top:15px}.hero-dinos{font-size:34px}.hero-dinos .big{font-size:55px}.partner-box{flex-direction:column;align-items:flex-start}.question-card{padding:23px 17px;min-height:480px}.nav{flex-direction:column-reverse}.btn{width:100%}.question{margin-top:14px}.quiz-head p{font-size:16px}.steps span{font-size:15px}}