.navbar{background:var(--surface);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 4px #0000001a}.navbar-container{display:flex;justify-content:space-between;height:80px;width:100%}.navbar-logo{color:var(--heading);justify-self:start;cursor:pointer;text-decoration:none;font-size:2rem;display:flex;align-items:center}.navbar-brand-logo{height:150px;width:150px;object-fit:contain}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center}.nav-item{height:80px}.nav-links{color:var(--text);display:flex;align-items:center;text-decoration:none;padding:.5rem 1rem;height:100%;transition:all .2s ease-out}.nav-links:hover{color:var(--bright-orange);transform:translateY(-2px)}.nav-links.active{color:var(--heading);border-bottom:3px solid var(--bright-orange)}.menu-icon{display:none}@media screen and (max-width: 960px){.navbar-brand-logo{height:120px;width:120px}.nav-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease}.nav-menu.active{background:var(--surface);left:0;opacity:1;transition:all .5s ease;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{color:var(--bright-orange);transform:scale(1.2);transition:all .3s ease}.nav-item{width:100%}.navbar-logo{position:absolute;top:-15px;left:0;transform:translate(0)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}}.menu-icon{background:none;border:none;color:var(--heading);line-height:1;padding:4px}.nav-links.nav-cta{height:auto;margin:18px 0 18px .75rem;padding:.55rem 1.2rem;border-radius:25px;background:var(--deep-purple);color:var(--white);font-weight:700}.nav-links.nav-cta:hover,.nav-links.nav-cta.active{background:var(--bright-orange);color:var(--white);border-bottom:none}@media screen and (max-width: 960px){.nav-menu{visibility:hidden}.nav-menu.active{visibility:visible}.nav-links.nav-cta{display:inline-block;width:auto;margin:1.5rem auto;padding:.8rem 2rem}}.navbar-right{display:flex;align-items:center}@media screen and (max-width: 960px){.theme-toggle{position:absolute;top:19px;right:90px;margin-left:0}}@font-face{font-family:Chewy;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/chewy-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:italic;font-weight:200 1000;font-display:swap;src:url(/fonts/nunito-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--deep-purple: #5B2C6F;--bright-orange: #F39C12;--lavender: #E8DAEF;--white: #FFFFFF;--dark-navy: #2C3E50;--title-font: "Chewy", cursive;--body-font: "Nunito", sans-serif;color-scheme:light;--bg: var(--lavender);--bg-gradient: linear-gradient(135deg, var(--lavender) 0%, #f5f1f7 100%);--surface: #ffffff;--surface-alt: var(--lavender);--text: var(--dark-navy);--text-muted: #5d6d7e;--heading: var(--deep-purple);--border: #e3d5ec;--highlight-bg: #fff7e8;--shadow: 0 8px 25px rgba(91, 44, 111, .1);--shadow-strong: 0 12px 30px rgba(91, 44, 111, .2)}:root[data-theme=dark]{color-scheme:dark;--bg: #17111f;--bg-gradient: linear-gradient(135deg, #17111f 0%, #221830 100%);--surface: #251b33;--surface-alt: #33264a;--text: #ece6f2;--text-muted: #b6a9c6;--heading: #d9b8f2;--border: #45355e;--highlight-bg: #3a2a1c;--shadow: 0 8px 25px rgba(0, 0, 0, .4);--shadow-strong: 0 12px 30px rgba(0, 0, 0, .55)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body-font);background-color:var(--bg);color:var(--text);line-height:1.6}.App{min-height:100vh;background:var(--bg-gradient)}.btn{padding:12px 30px;border:2px solid var(--bright-orange);border-radius:25px;background:var(--surface);color:var(--heading);font-family:var(--body-font);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center}.btn:hover{background:var(--bright-orange);color:var(--white);transform:translateY(-2px);box-shadow:0 5px 15px #5b2c6f33}.btn-primary{background:var(--deep-purple);color:var(--white);border-color:var(--deep-purple)}.btn-primary:hover{background:var(--bright-orange);border-color:var(--bright-orange);transform:translateY(-2px);box-shadow:0 5px 15px #f39c124d}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section{padding-top:60px;padding-bottom:60px}h1,h2,h3{font-family:var(--title-font);color:var(--heading)}h1{font-size:3.5rem;margin-bottom:20px}h2{font-size:2.5rem;margin-bottom:15px}h3{font-size:1.8rem;margin-bottom:10px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.floating{animation:float 3s ease-in-out infinite}.bouncing{animation:bounce 2s infinite}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.container{padding:0 15px}.section{padding-top:40px;padding-bottom:40px}}h1.page-title{font-size:2.5rem;margin-bottom:15px}@media (max-width: 768px){h1.page-title{font-size:2rem}}:focus-visible{outline:3px solid var(--bright-orange)!important;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-loading{text-align:center;color:var(--heading)}.error-page{text-align:center}.error-page p{margin-bottom:25px}.site-footer{background:var(--deep-purple);color:var(--lavender);padding:40px 0 25px;margin-top:40px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}.site-footer h2{color:var(--white);font-size:1.4rem;margin-bottom:10px}.site-footer ul{list-style:none}.site-footer li{margin-bottom:6px}.site-footer a{color:var(--lavender);text-decoration:none}.site-footer a:hover{color:var(--bright-orange)}.footer-bottom{margin-top:30px;padding-top:15px;border-top:1px solid rgba(232,218,239,.25);font-size:.9rem;text-align:center}.footer-types ul{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:.25rem 1rem}.progress-bar-container{width:100%;height:10px;background-color:var(--border);border-radius:5px;margin-bottom:2rem;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--deep-purple),var(--bright-orange));border-radius:5px;transition:width .3s ease-in-out}.result-kicker{font-weight:700;color:var(--bright-orange);letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;margin-bottom:.25rem}.share-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.share-btn{display:inline-flex;align-items:center;gap:.45rem;padding:10px 18px;font-size:.95rem}.share-btn:disabled{opacity:.6;cursor:wait}.share-whatsapp{border-color:#25d366}.share-status{min-height:1.5rem;margin-top:.75rem;font-weight:700;color:var(--heading)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;margin-left:.75rem;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--heading);font-size:1.1rem;cursor:pointer;transition:transform .2s ease,border-color .2s ease}.theme-toggle:hover{transform:rotate(-15deg);border-color:var(--bright-orange)}.badge-strip{padding-top:2rem}.badge-strip h2{text-align:center}.badge-count{font-family:var(--body-font);font-size:1rem;font-weight:800;background:var(--bright-orange);color:#fff;border-radius:20px;padding:.15rem .7rem;vertical-align:middle}.badge-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;margin-top:1rem}.badge{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.15rem;padding:.9rem .6rem;border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}.badge-emoji{font-size:2rem}.badge-name{font-weight:800;color:var(--heading);font-size:.95rem}.badge-hint{font-size:.78rem;color:var(--text-muted)}.badge-locked .badge-emoji{filter:grayscale(1);opacity:.35}.badge-unlocked{border:2px solid var(--bright-orange)}.badge-toast-region{position:fixed;bottom:20px;right:20px;z-index:2000}.badge-toast{display:flex;align-items:center;gap:.75rem;background:var(--surface);color:var(--text);border:2px solid var(--bright-orange);border-radius:16px;padding:.8rem 1.1rem;box-shadow:var(--shadow-strong);animation:toast-in .4s cubic-bezier(.34,1.56,.64,1)}.badge-toast-emoji{font-size:2.2rem}@keyframes toast-in{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 768px){.badge-toast-region{left:16px;right:16px}}.logo-dark{display:none!important}:root[data-theme=dark] .logo-light{display:none!important}:root[data-theme=dark] .logo-dark{display:inline-block!important}input,textarea,select{background-color:var(--surface);color:var(--text)}.analytics-notice{position:fixed;left:20px;bottom:20px;z-index:1900;max-width:420px;display:flex;flex-direction:column;gap:.75rem;background:var(--surface);color:var(--text);border:2px solid var(--border);border-radius:16px;padding:1rem 1.2rem;box-shadow:var(--shadow-strong);font-size:.92rem}.analytics-notice a{color:var(--heading);font-weight:700}.analytics-notice-buttons{display:flex;gap:.6rem}.analytics-notice-buttons .btn{padding:8px 20px}.analytics-preference .btn{margin-left:.5rem;padding:6px 16px}@media (max-width: 768px){.analytics-notice{left:16px;right:16px;bottom:16px;max-width:none}.badge-toast-region{top:90px;bottom:auto}}