*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#fef7ed,#fdf2f8,#f0f9ff);min-height:100vh;color:#374151}.App{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.app-header{text-align:center;margin-bottom:30px}.header-content{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:15px}.logo-container{display:flex;align-items:center}.feltroverso-logo{height:80px;width:auto;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.title-container{text-align:left}.app-header h1{font-size:2.5rem;color:#7c3aed;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.app-header p{font-size:1.2rem;color:#6b7280;font-style:italic;margin:0}.phase-indicator{background:#7c3aed;color:#fff;padding:8px 20px;border-radius:20px;font-size:1rem;font-weight:700;display:inline-block}.contador-amoras{background:#fff;border-radius:20px;padding:15px 25px;box-shadow:0 4px 15px #0000001a;display:flex;align-items:center;gap:15px;margin-bottom:30px;border:3px solid #e5e7eb}.cestinha{font-size:2rem}.amoras-info{display:flex;flex-direction:column;align-items:center}.amoras-numero{font-size:2rem;font-weight:700;color:#7c3aed}.amoras-texto{font-size:.9rem;color:#6b7280}.amoras-visuais{display:flex;gap:5px;flex-wrap:wrap}.amora-icon{font-size:1.2rem;animation:bounce .5s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.quiz-screen{width:100%;max-width:600px;display:flex;flex-direction:column;align-items:center}.pergunta-container{background:#fff;border-radius:25px;padding:30px;box-shadow:0 8px 25px #0000001a;width:100%;text-align:center;border:3px solid #e5e7eb}.pergunta-numero{background:#7c3aed;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:700;display:inline-block;margin-bottom:20px}.pergunta-imagem{margin-bottom:25px}.pergunta-img{width:200px;height:200px;border-radius:20px;object-fit:cover;box-shadow:0 4px 15px #0000001a;border:3px solid #f3f4f6}.pergunta-texto{font-size:1.4rem;color:#374151;margin-bottom:30px;line-height:1.6}.respostas-container{display:flex;flex-direction:column;gap:15px}.resposta-btn{background:#f9fafb;border:2px solid #e5e7eb;border-radius:15px;padding:15px 20px;font-size:1rem;cursor:pointer;transition:all .3s ease;text-align:left;color:#374151}.resposta-btn:hover{background:#f3f4f6;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed33}.resposta-btn.selecionada{background:#ede9fe;border-color:#7c3aed;color:#7c3aed;font-weight:700}.mensagem-container{display:flex;flex-direction:column;gap:20px;align-items:center}.mensagem-feedback{background:#f9fafb;border-radius:15px;padding:20px;border-left:5px solid;text-align:center;width:100%}.mensagem-feedback p{font-size:1.1rem;line-height:1.6;margin-bottom:10px}.amora-coletada{font-size:1.2rem;font-weight:700;color:#059669;animation:pulse 1s ease-in-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.proximo-btn{background:#7c3aed;color:#fff;border:none;border-radius:15px;padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.proximo-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed4d}.final-screen{width:100%;max-width:600px;display:flex;justify-content:center}.final-container{background:#fff;border-radius:25px;padding:40px;box-shadow:0 8px 25px #0000001a;text-align:center;width:100%;border:3px solid #e5e7eb}.jardim-amoras{font-size:3rem;margin-bottom:20px}.final-titulo{font-size:2.5rem;color:#7c3aed;margin-bottom:30px}.resultado-amoras{margin-bottom:30px}.amoras-coletadas-final{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.numero-final{font-size:4rem;font-weight:700;color:#7c3aed}.texto-final{font-size:1.2rem;color:#6b7280}.amoras-visuais-final{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.amora-final{font-size:1.5rem;animation:bounce .5s ease-in-out}.mensagem-final{background:#f0f9ff;border-radius:15px;padding:25px;margin-bottom:25px;border-left:5px solid #0ea5e9}.mensagem-final p{font-size:1.2rem;line-height:1.6;color:#374151}.frase-inspiradora{background:#fef7ed;border-radius:15px;padding:20px;margin-bottom:30px;border-left:5px solid #f59e0b}.frase-inspiradora p{font-size:1.1rem;line-height:1.6;color:#92400e;font-style:italic}.reiniciar-btn{background:#059669;color:#fff;border:none;border-radius:15px;padding:15px 30px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.reiniciar-btn:hover{background:#047857;transform:translateY(-2px);box-shadow:0 4px 15px #0596694d}@media (max-width: 768px){.App{padding:15px}.app-header h1{font-size:2rem}.pergunta-container{padding:20px}.pergunta-img{width:150px;height:150px}.pergunta-texto{font-size:1.2rem}.final-container{padding:25px}.final-titulo{font-size:2rem}.numero-final{font-size:3rem}}.phase-intro{width:100%;max-width:600px;display:flex;justify-content:center}.phase-intro-container{background:#fff;border-radius:25px;padding:40px;box-shadow:0 8px 25px #0000001a;text-align:center;width:100%;border:3px solid #e5e7eb}.phase-intro-icon{font-size:4rem;margin-bottom:20px}.phase-intro-title{font-size:1.8rem;color:#7c3aed;margin-bottom:25px;line-height:1.4}.phase-intro-description{background:#f0f9ff;border-radius:15px;padding:25px;margin-bottom:25px;border-left:5px solid #0ea5e9}.phase-intro-description p{font-size:1.1rem;line-height:1.6;color:#374151;margin:0}.phase-intro-info{margin-bottom:30px}.phase-intro-info p{font-size:1rem;color:#6b7280}.start-phase-btn{background:#059669;color:#fff;border:none;border-radius:15px;padding:15px 30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease}.start-phase-btn:hover{background:#047857;transform:translateY(-2px);box-shadow:0 4px 15px #0596694d}.phase-transition{width:100%;max-width:600px;display:flex;justify-content:center}.transition-container{background:#fff;border-radius:25px;padding:40px;box-shadow:0 8px 25px #0000001a;text-align:center;width:100%;border:3px solid #e5e7eb}.transition-icon{font-size:4rem;margin-bottom:20px}.transition-title{font-size:2.2rem;color:#7c3aed;margin-bottom:30px}.amoras-conquistadas{margin-bottom:30px}.amoras-count{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}.amoras-number{font-size:3rem;font-weight:700;color:#059669}.amoras-text{font-size:1.1rem;color:#6b7280}.amoras-visual{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-bottom:20px}.amora-transition{font-size:1.3rem;animation:bounce .5s ease-in-out}.amoras-extra{font-size:1.1rem;color:#7c3aed;font-weight:700}.transition-message{background:#fef7ed;border-radius:15px;padding:25px;margin-bottom:30px;border-left:5px solid #f59e0b}.transition-message p{font-size:1.2rem;line-height:1.6;color:#92400e;margin:0}.next-phase-btn{background:#7c3aed;color:#fff;border:none;border-radius:15px;padding:15px 30px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease}.next-phase-btn:hover{background:#6d28d9;transform:translateY(-2px);box-shadow:0 4px 15px #7c3aed4d}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px}.title-container{text-align:center}.feltroverso-logo{height:60px}.phase-intro-container,.transition-container{padding:25px}.phase-intro-title,.transition-title{font-size:1.5rem}.amoras-number{font-size:2.5rem}}