.onboarding-wrapper{background:var(--dark);color:var(--cream);flex-direction:column;width:100vw;min-height:100vh;font-family:Cormorant Garamond,Georgia,serif;display:flex}header{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0b08f2;border-bottom:1px solid #c9a84c1a;justify-content:space-between;align-items:center;padding:16px 40px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.25em;text-transform:uppercase;color:var(--gold);font-family:Cinzel,serif;font-size:13px}.header-step{letter-spacing:.2em;text-transform:uppercase;color:var(--stone);font-family:Cinzel,serif;font-size:11px}.progress-container{z-index:99;background:#c9a84c1a;height:2px;position:fixed;top:56px;left:0;right:0}.progress-fill{background:linear-gradient(to right,var(--gold),var(--gold-light));height:100%;transition:width .5s}.onboarding-wrapper main{z-index:10;flex-direction:column;flex:1;padding-top:80px;display:flex;position:relative}.screen{display:none}.screen.active{flex-direction:column;flex:1;animation:.5s screenIn;display:flex}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px 80px;display:flex;position:relative;overflow:hidden}.welcome-bg{pointer-events:none;background:radial-gradient(80% 60% at 50% 30%,#c9a84c0f 0%,#0000 70%);position:absolute;inset:0}.welcome-badge{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);border:1px solid #c9a84c4d;margin-bottom:32px;padding:8px 24px;font-family:Cinzel,serif;font-size:11px;display:inline-block}.welcome h1{color:var(--cream);margin-bottom:16px;font-family:Cinzel,serif;font-size:clamp(32px,6vw,56px);font-weight:400;line-height:1.2}.welcome h1 em{color:var(--gold-light);font-family:Cormorant Garamond,serif;font-style:italic}.welcome p{max-width:560px;color:var(--cream-dim);margin-bottom:48px;font-size:19px;font-style:italic;font-weight:300;line-height:1.7}.welcome-info{z-index:2;flex-wrap:wrap;justify-content:center;gap:48px;margin-bottom:48px;display:flex}.info-item{text-align:center}.info-num{color:var(--gold);font-family:Cinzel,serif;font-size:32px;display:block}.info-label{color:var(--stone);font-size:13px;font-style:italic}.btn-start{background:var(--gold);color:var(--dark);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;z-index:2;border:none;padding:20px 64px;font-family:Cinzel,serif;font-size:13px;transition:all .3s}.btn-start:hover{background:var(--gold-light);transform:translateY(-2px);box-shadow:0 4px 15px #c9a84c33}.quiz-wrapper{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:720px;margin:0 auto;padding:40px 24px 100px;display:flex}.virtude-indicator{align-self:flex-start;align-items:center;gap:12px;margin-bottom:40px;display:flex}.virtude-dot{border-radius:50%;width:10px;height:10px;transition:background .3s;box-shadow:0 0 10px #fff3}.virtude-label-small{letter-spacing:.25em;text-transform:uppercase;color:var(--stone);font-family:Cinzel,serif;font-size:11px}.q-counter{letter-spacing:.2em;text-transform:uppercase;color:var(--stone);align-self:flex-start;margin-bottom:8px;font-family:Cinzel,serif;font-size:11px}.q-text{color:var(--cream);align-self:flex-start;margin-bottom:48px;font-size:clamp(22px,3.5vw,34px);font-weight:300;line-height:1.5}.q-options{flex-direction:column;gap:12px;width:100%;display:flex}.q-btn{color:var(--cream-dim);cursor:pointer;text-align:left;background:#ffffff03;border:1px solid #c9a84c26;border-radius:6px;padding:20px 28px;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;transition:all .25s;position:relative;overflow:hidden}.q-btn:before{content:"";background:#c9a84c0d;width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0}.q-btn:hover{color:var(--cream);border-color:#c9a84c80}.q-btn:hover:before{width:100%}.q-btn.selected{border-color:var(--gold);color:var(--cream);background:#c9a84c1a}.q-btn.selected:after{content:"✓";color:var(--gold);font-family:sans-serif;font-size:16px;font-style:normal;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.q-option-letter{letter-spacing:.15em;color:var(--stone);margin-right:16px;font-family:Cinzel,serif;font-size:11px;font-style:normal;display:inline-block}.virtude-transition{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}#screen-email-gate{flex:1;justify-content:center;align-items:center;min-height:0;padding:40px 24px;display:flex}.vt-icon{width:80px;height:80px;color:var(--gold);background:#c9a84c0d;border:1px solid #c9a84c66;border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-family:Cinzel,serif;font-size:24px;display:flex;box-shadow:0 4px 15px #c9a84c1a}.vt-num{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-family:Cinzel,serif;font-size:11px}.vt-name{color:var(--cream);margin-bottom:20px;font-family:Cinzel,serif;font-size:40px;font-weight:400}.vt-desc{max-width:480px;color:var(--cream-dim);margin-bottom:40px;font-size:18px;font-style:italic;font-weight:300;line-height:1.7}.btn-continue{color:var(--gold);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;background:0 0;border:1px solid #c9a84c66;border-radius:4px;padding:16px 48px;font-family:Cinzel,serif;font-size:12px;transition:all .3s}.btn-continue:hover{border-color:var(--gold);background:#c9a84c1a}.resultado{flex-direction:column;flex:1;align-items:center;width:100%;max-width:900px;margin:0 auto;padding:48px 24px 80px;display:flex}.resultado-header{text-align:center;width:100%;margin-bottom:56px}.resultado-tag{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;font-family:Cinzel,serif;font-size:11px;display:block}.resultado-title{color:var(--cream);margin-bottom:12px;font-family:Cinzel,serif;font-size:clamp(28px,4vw,44px);font-weight:400}.resultado-sub{color:var(--cream-dim);font-size:17px;font-style:italic;font-weight:300;line-height:1.6}.resultado-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;width:100%;margin-bottom:64px;display:grid}.virtue-bars{flex-direction:column;gap:20px;display:flex}.vbar-header{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.vbar-name{letter-spacing:.15em;text-transform:uppercase;color:var(--cream-dim);font-family:Cinzel,serif;font-size:12px}.vbar-pct{color:var(--cream);font-family:Cinzel,serif;font-size:18px}.vbar-track{background:#c9a84c1a;border-radius:2px;height:4px;overflow:hidden}.vbar-fill{border-radius:2px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.resultado-cta{text-align:center;width:100%;margin-top:40px}.resultado-cta p{color:var(--cream-dim);margin-bottom:24px;font-size:16px;font-style:italic;line-height:1.6}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn-gold{background:var(--gold);color:var(--dark);cursor:pointer;letter-spacing:.2em;text-transform:uppercase;border:none;border-radius:4px;padding:18px 56px;font-family:Cinzel,serif;font-size:13px;text-decoration:none;transition:all .3s;display:inline-block}.btn-gold:hover{background:var(--gold-light);transform:translateY(-1px);box-shadow:0 4px 15px #c9a84c33}@keyframes screenIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.resultado-grid{grid-template-columns:1fr;gap:32px}.welcome-info{flex-direction:column;align-items:center;gap:16px}header{flex-direction:column;gap:8px;padding:12px 16px}.progress-container{top:68px}.onboarding-wrapper main{padding-top:80px}.welcome{padding:20px 16px 40px}.quiz-wrapper{padding:20px 16px 80px}.q-btn{width:100%;padding:16px 20px;font-size:16px}.btn-start,.btn-gold,.btn-continue{text-align:center;width:100%;padding:16px}}