:root{--primary-color:var(--color-btn-primary);--primary-dark:var(--color-bg-contrast);--secondary-color:var(--color-accent-primary);--accent-color:var(--color-accent-primary-strong);--danger-color:var(--color-danger);--success-color:var(--color-success);--incorrect-color:var(--color-danger);--neutral-color:var(--color-text-label);--light-bg:var(--color-bg-soft);--card-bg:var(--color-bg-card);--dark-text:var(--color-text-secondary);--light-text:var(--color-text-muted);--body-font:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--heading-font:"Open Sans",var(--body-font)}body{background-color:var(--light-bg);color:var(--dark-text);font-family:var(--body-font);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--dark-text);font-family:var(--heading-font);font-weight:800;letter-spacing:-.02em}.container{margin:0 auto;max-width:75rem;padding:0 1rem;width:100%}.navbar{background-color:#fff;padding:1rem 0;transition:all .3s ease}.navbar-brand{gap:.75rem;letter-spacing:-.02em;padding:.5rem 0;position:relative}.logo-icon{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);border-radius:38% 62% 63% 37%/41% 44% 56% 59%;box-shadow:0 .25rem .75rem var(--overlay-contrast-20);font-size:1.4rem;height:2.75rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:2.75rem;z-index:2}.logo-icon:after{background:linear-gradient(135deg,var(--overlay-inverse-25) 0,transparent 60%);border-radius:50%;height:150%;left:-25%;top:-25%;transition:all .4s ease;width:150%}.logo-icon:before{background-color:var(--accent-color);border-radius:50%;box-shadow:0 0 .375rem var(--accent-color);content:"";height:.5rem;opacity:.85;position:absolute;right:.25rem;top:.25rem;width:.5rem}.navbar-brand:hover .logo-icon{border-radius:45% 55% 55% 45%/45% 45% 55% 55%;box-shadow:0 .375rem 1rem var(--color-success-soft);transform:rotate(0deg) scale(1.05)}.navbar-brand:hover .logo-icon:after{transform:rotate(15deg)}.navbar-brand .logo-highlight,.navbar-brand .logo-text{font-weight:900;position:relative}.navbar-brand .logo-highlight{color:var(--primary-color);display:inline-block;transform-origin:bottom center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.navbar-brand .logo-highlight:after{background-color:var(--accent-color);border-radius:1rem;bottom:-.25rem;content:"";height:.2rem;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .4s ease;width:100%}.navbar-brand:hover .logo-highlight{transform:translateY(-2px)}.navbar-brand:hover .logo-highlight:after{transform:scaleX(1);transform-origin:left}.navbar-brand:before{background:linear-gradient(90deg,var(--overlay-inverse-20) 0,transparent 100%);border-radius:50%;content:"";filter:blur(15px);height:50%;left:0;opacity:0;position:absolute;transition:opacity .5s ease;width:2.5rem;z-index:1}.navbar-brand:hover:before{opacity:.5}.navbar-brand{font-family:var(--heading-font);font-size:2rem;font-weight:800;gap:.5rem}.logo-icon,.navbar-brand{align-items:center;display:flex}.logo-icon{background-color:var(--primary-color);border-radius:30%;color:#fff;font-size:1.5rem;height:2.5rem;justify-content:center;overflow:hidden;position:relative;transform:rotate(-5deg);transition:transform .3s ease;width:2.5rem}.logo-icon:after{background:linear-gradient(135deg,var(--overlay-inverse-20) 0,transparent 50%);content:"";height:100%;position:absolute;width:100%}.navbar-brand:hover .logo-icon{transform:rotate(0deg)}.navbar-brand span{color:var(--primary-color);position:relative}.navbar-brand span:after{background-color:var(--accent-color);bottom:-.25rem;content:"";height:.15rem;left:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;width:100%}.navbar-brand:hover span:after{transform:scaleX(1);transform-origin:left}.nav-link{border-radius:.625rem;font-size:1.1rem;font-weight:700;margin:0 .3125rem;padding:.5rem 1rem!important;transition:all .2s ease}.nav-link.active,.nav-link:hover{background-color:var(--color-success-soft);color:var(--primary-color)}.mascot{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 .5rem 1rem var(--overlay-contrast-10));height:auto;max-width:100%;position:relative;transition:transform .3s ease;width:22rem}.mascot:hover{transform:scale(1.05) rotate(2deg)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px) rotate(-2deg)}to{transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-light{0%{opacity:.1}50%{opacity:.3}to{opacity:.1}}.footer{background-color:#fff;padding:4rem 0 2rem}.xp-badge{align-items:center;background-color:var(--primary-color);border-radius:20px;box-shadow:0 4px 10px var(--overlay-contrast-30);color:#fff;display:inline-flex;font-size:1rem;font-weight:700;padding:.5rem 1rem}.xp-badge i{font-size:1rem;margin-right:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.custom-spinner-container{align-items:center;background-color:var(--color-bg-subtle);display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;transform:translateY(-20vh);width:100%;z-index:1000}.custom-spinner{animation:spin 1.2s cubic-bezier(.68,-.55,.265,1.55) infinite;border:3px solid transparent;border-bottom:3px solid var(--color-text-label);border-radius:50%;border-right:3px solid var(--secondary-color);border-top:3px solid var(--primary-dark);height:50px;position:relative;width:50px}.custom-spinner:before{animation:spin 2s linear infinite reverse;border:2px solid transparent;border-bottom:2px solid var(--overlay-contrast-30);border-right:2px solid var(--color-accent-primary-soft);border-top:2px solid var(--overlay-contrast-30);bottom:-3px;left:-3px;right:-3px;top:-3px}.custom-spinner:after,.custom-spinner:before{border-radius:50%;content:"";position:absolute}.custom-spinner:after{animation:pulse 1.2s ease-in-out infinite;background:linear-gradient(45deg,var(--primary-dark),var(--secondary-color));height:8px;left:50%;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.loading-text{animation:fadeInOut 2s ease-in-out infinite;color:var(--primary-dark);font-size:1.1rem;font-weight:600}@keyframes fadeInOut{0%,to{opacity:.7}50%{opacity:1}}#ft-floating-toolbar{height:0!important;opacity:0!important;pointer-events:none!important;visibility:hidden!important;width:0!important;z-index:-9999!important}#ft-floating-toolbar,.ft-reg-bubble,.ft-reg-message{display:none!important}@media (max-width:768px){.mascot{margin:0 auto 1.25rem;max-width:80%}}