@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#fff5f9;min-height:100vh;font-family:Nunito,system-ui,-apple-system,sans-serif}.pin-gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.pin-gate form{flex-direction:column;align-items:center;gap:1rem;display:flex}.pin-gate h1{font-size:4rem}.pin-gate input{text-align:center;border:2px solid #e91e8c44;border-radius:.75rem;outline:none;width:200px;padding:.75rem 1.5rem;font-size:1.25rem}.pin-gate input:focus{border-color:#e91e8c}.pin-gate button{color:#fff;cursor:pointer;background:#e91e8c;border:none;border-radius:.75rem;padding:.5rem 2rem;font-size:1rem}.pin-error{color:#e91e8c;font-size:.9rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.2)}}@keyframes wiggle{0%,to{transform:translate(0)}15%{transform:translate(-10px)}30%{transform:translate(10px)}45%{transform:translate(-7px)}60%{transform:translate(7px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes correctPop{0%{transform:scale(1)}40%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(0)}20%{opacity:1;transform:translateY(20px)rotate(45deg)scale(1.2)}to{opacity:0;transform:translateY(200px)rotate(360deg)scale(.5)}}@keyframes xpFloat{0%{opacity:0;transform:translateY(8px)}30%{opacity:1;transform:translateY(0)}to{opacity:1}}@keyframes levelPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.mascot-float{animation:3s ease-in-out infinite float}.feedback-slide{animation:.35s cubic-bezier(.34,1.56,.64,1) slideUp}.question-card{animation:.3s fadeIn}.question-card.wiggle{animation:.45s wiggle}.question-card.pop{animation:.45s cubic-bezier(.34,1.56,.64,1) popIn}.fire-pulse{animation:.6s infinite alternate pulse}.result-icon{animation:.5s cubic-bezier(.34,1.56,.64,1) popIn}.bounce-in{animation:.4s cubic-bezier(.34,1.56,.64,1) popIn}.shake-in{animation:.45s wiggle}.confetti-particle{opacity:0;animation:linear forwards confettiFall}.topic-card{cursor:pointer;outline:none;font-family:Nunito,sans-serif;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.topic-card:hover{filter:brightness(1.02);transform:translateY(-5px)scale(1.04)}.topic-card:active{transform:scale(.96)}.option-btn{cursor:pointer;outline:none;font-family:Nunito,sans-serif;transition:all .15s}.option-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 12px #00000014}.option-btn:active:not(:disabled){transform:scale(.98)}.big-btn{cursor:pointer;outline:none;font-family:Nunito,sans-serif;transition:all .2s}.big-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000002e!important}.big-btn:active{transform:scale(.97)}.nav-btn{cursor:pointer;outline:none;font-family:Nunito,sans-serif;transition:all .15s}.nav-btn:hover{transform:translateY(-1px)}input:focus{box-shadow:0 0 0 3px #a78bfa26;border-color:#a78bfa!important}