:root{--color-curiosidade: #246CA0;--color-proposito: #F89D42;--color-acao: #E74930;--color-realizacao: #056D41;--color-reinvencao: #903B91;--color-quotes: #E89F37;--color-bg: #FDFBF7;--color-text: #333333;--color-white: #FFFFFF;--font-main: "Outfit", sans-serif;--font-serif: "Playfair Display", serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);overflow-x:hidden;display:flex;justify-content:center;align-items:center;min-height:100vh}#app{width:100%;max-width:480px;min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.screen{width:100%;height:100%;display:none;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease}.screen.active{display:flex;opacity:1}.logo-container{text-align:center;margin-bottom:40px}.logo-title{font-family:var(--font-serif);font-size:2rem;font-weight:700;color:var(--color-proposito);text-transform:uppercase;letter-spacing:2px}.logo-subtitle{font-size:1.2rem;color:var(--color-text);margin-top:10px;font-style:italic}.btn-primary{background:var(--color-proposito);color:#fff;border:none;padding:15px 40px;font-size:1.1rem;border-radius:30px;cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:var(--font-main);text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #f89d4266}.wheel-container{position:relative;width:300px;height:300px;margin:20px auto}.wheel-segment{cursor:pointer;transition:opacity .3s}.wheel-segment:hover{opacity:1;filter:brightness(1.1);z-index:10}.wheel-text{font-family:var(--font-main);font-weight:600;text-transform:uppercase;letter-spacing:1px;pointer-events:none;fill:#fff;font-size:14px}.wheel-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:#fde047;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 20px #00000026;z-index:20}.wheel-center h3{font-family:var(--font-serif);font-size:1.2rem;color:var(--color-text)}.slider-container{width:100%;overflow:hidden;padding:20px 0;position:relative}.slider-track{display:flex;gap:20px;width:max-content;animation:scroll 20s linear infinite}.slider-track:hover{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-logo-img{width:150px;height:150px;border-radius:50%;object-fit:cover;margin-bottom:20px;box-shadow:0 10px 20px #0000001a}.slider-card{width:140px;height:200px;background:transparent;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s,box-shadow .3s;flex-shrink:0;border:none;overflow:hidden;position:relative}.slider-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 30px #0003;z-index:10}.slider-card-image{width:100%;height:100%;object-fit:cover}.slider-card-number{position:absolute;top:10px;right:10px;background:#ffffffe6;color:var(--color-text);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--font-main);box-shadow:0 2px 5px #0003}.card-scene{width:300px;height:450px;perspective:1000px;margin-bottom:30px}.card{width:100%;height:100%;position:relative;transition:transform .8s;transform-style:preserve-3d;cursor:pointer}.card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:20px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:#fff;border:2px solid transparent}.card-front{background:var(--color-white);align-items:center;justify-content:center;padding:0;overflow:hidden}.card-front-image{width:100%;height:100%;object-fit:cover}.card-front-number{position:absolute;top:20px;right:20px;background:#ffffffe6;color:var(--color-text);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;font-family:var(--font-main);box-shadow:0 2px 10px #0003;z-index:2}.card-front-instruction{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#0009;color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-family:var(--font-main);text-transform:uppercase;letter-spacing:1px;pointer-events:none;animation:pulse 2s infinite;z-index:2}@keyframes pulse{0%{opacity:.8;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.05)}to{opacity:.8;transform:translate(-50%) scale(1)}}.card-back{transform:rotateY(180deg);background:var(--color-white);border:2px solid transparent;padding:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.card-back-header{text-align:center;font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding-top:30px;font-family:var(--font-main)}.card-back .card-content{padding:0 30px}.card-back .card-question{font-family:var(--font-serif);font-size:1.1rem;font-style:italic;color:var(--color-text)}.card-back-footer{width:100%;height:120px;background:#ccc;border-radius:50% 50% 0 0/30% 30% 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;margin-bottom:-10px;padding-bottom:10px}.footer-text-main{font-family:var(--font-main);font-weight:800;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.footer-text-sub{font-family:var(--font-main);font-size:1rem;font-weight:600}.input-area{width:100%;max-width:300px;opacity:0;transform:translateY(20px);transition:all .5s ease}.input-area.visible{opacity:1;transform:translateY(0)}textarea{width:100%;padding:15px;border:1px solid #ddd;border-radius:10px;font-family:var(--font-main);font-size:1rem;resize:vertical;min-height:100px;margin-bottom:15px;background:#fffc}textarea:focus{outline:none;border-color:var(--color-proposito);box-shadow:0 0 0 3px #f89d421a}.nav-buttons{display:flex;justify-content:space-between}.btn-nav{padding:10px 20px;border:none;background:transparent;color:#666;cursor:pointer;font-weight:600}.btn-next{background:var(--color-text);color:#fff;border-radius:20px}.quote-card{background:var(--color-white);border:2px solid var(--color-quotes);padding:40px;border-radius:20px;text-align:center;max-width:350px;box-shadow:0 10px 30px #e89f3733}.quote-text{font-family:var(--font-serif);font-size:1.5rem;font-style:italic;color:var(--color-text);margin-bottom:20px}.quote-author{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px}