:root{--navy:#1b3a6b;--blue:#2f6bb5;--sky:#4a90d9;--ok:#0057ff;--ok-hover:#0046d0;--white:#fff;--surface:#f7f9fc;--border:#dde5f0;--text:#111827;--muted:#6b7280;--error:#dc2626;--green:#059669;--radius:10px;--anim-ms:.22s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--white);color:var(--text);-webkit-font-smoothing:antialiased;font-family:DM Sans,Outfit,system-ui,sans-serif}.shell{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:4rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.progress-track{background:var(--border);z-index:10;height:3px;position:fixed;top:0;left:0;right:0}.progress-fill{background:var(--navy);height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}.back-btn{color:var(--muted);border:1px solid var(--border);cursor:pointer;z-index:20;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;transition:color .15s,border-color .15s;display:flex;position:fixed;bottom:1.25rem;right:1.5rem}.back-btn:hover{color:var(--navy);border-color:var(--navy)}.back-btn span{font-size:13px}@keyframes enterFwd{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}@keyframes exitFwd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-28px)}}@keyframes enterBwd{0%{opacity:0;transform:translateY(-36px)}to{opacity:1;transform:translateY(0)}}@keyframes exitBwd{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(28px)}}.step-anim{width:100%;max-width:760px}.step-anim.enter-fwd{animation:enterFwd var(--anim-ms) cubic-bezier(.4,0,.2,1) forwards}.step-anim.exit-fwd{animation:exitFwd var(--anim-ms) cubic-bezier(.4,0,.2,1) forwards}.step-anim.enter-bwd{animation:enterBwd var(--anim-ms) cubic-bezier(.4,0,.2,1) forwards}.step-anim.exit-bwd{animation:exitBwd var(--anim-ms) cubic-bezier(.4,0,.2,1) forwards}.step{flex-direction:column;gap:1.25rem;display:flex}.welcome-layout{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;width:100%;max-width:760px;display:grid}.welcome-content{flex-direction:column;gap:1.25rem;display:flex}.session-badge{color:var(--navy);letter-spacing:.02em;background:#eef3fb;border:1px solid #c3d4ec;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.session-num{color:var(--sky)}.session-sep{color:var(--border)}.welcome-title{color:var(--navy);letter-spacing:-.03em;font-size:clamp(1.75rem,4.5vw,2.6rem);font-weight:700;line-height:1.1}.welcome-meta{flex-direction:column;gap:6px;display:flex}.meta-item{color:var(--muted);align-items:center;gap:6px;font-size:.875rem;display:flex}.welcome-body{color:var(--text);font-size:.95rem;line-height:1.7}.welcome-photo-col{justify-content:center;display:flex}.photo-frame{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.adriano-photo{aspect-ratio:3/4;object-fit:cover;object-position:top center;border:2px solid var(--border);border-radius:16px;width:100%;max-width:280px;display:block}.photo-caption{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.photo-caption strong{color:var(--navy);font-size:.9rem;font-weight:600}.photo-caption span{color:var(--muted);font-size:.78rem}@media (max-width:620px){.welcome-layout{grid-template-columns:1fr;gap:1.75rem}.welcome-photo-col{order:-1}.adriano-photo{aspect-ratio:1;border-radius:50%;max-width:200px}.photo-caption{display:none}}.start-btn{background:var(--navy);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;width:fit-content;margin-top:.5rem;padding:14px 28px;font-size:1rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.start-btn:hover{background:#152e55}.start-btn:active{transform:scale(.98)}.step-num{color:var(--navy);letter-spacing:.04em;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.step-arrow{color:var(--sky)}.step-q{color:var(--navy);letter-spacing:-.02em;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:700;line-height:1.2}.step-hint{color:var(--muted);font-size:.9rem}.step-input{width:100%;color:var(--text);border:none;border-bottom:2px solid var(--border);background:0 0;border-radius:0;outline:none;padding:10px 0 12px;font-family:inherit;font-size:1.35rem;font-weight:400;transition:border-color .2s}.step-input::placeholder{color:var(--border)}.step-input:focus{border-bottom-color:var(--navy)}.ok-row{flex-direction:column;gap:10px;margin-top:.5rem;display:flex}.ok-btn{background:var(--ok);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:10px;width:fit-content;padding:12px 22px;font-family:inherit;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s;display:inline-flex}.ok-btn:hover:not(:disabled){background:var(--ok-hover)}.ok-btn:active:not(:disabled){transform:scale(.97)}.ok-btn:disabled{opacity:.6;cursor:not-allowed}.ok-btn kbd{background:#ffffff40;border:none;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:.8rem}.err-msg{color:var(--error);align-items:center;gap:5px;font-size:.875rem;display:flex}.err-msg:before{content:"↳"}.choice-grid{flex-direction:column;gap:8px;display:flex}.choice-card{border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;font-size:1rem;font-weight:500;transition:border-color .15s,background .15s;display:flex;position:relative}.choice-card:hover{border-color:var(--sky);background:#f0f6ff}.choice-card.selected{border-color:var(--navy);color:var(--navy);background:#eef3fb}.choice-key{background:var(--border);width:24px;height:24px;color:var(--muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.choice-card.selected .choice-key{background:var(--navy);color:#fff}.choice-check{color:var(--navy);margin-left:auto;font-size:1rem;font-weight:700}.loading-dots{align-items:center;gap:4px;display:flex}.loading-dots span{background:#fff;border-radius:50%;width:6px;height:6px;animation:.9s infinite dot}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dot{0%,80%,to{opacity:.25}40%{opacity:1}}.success{text-align:center;align-items:center}.success-mark{width:64px;height:64px;color:var(--green);background:#ecfdf5;border:2px solid #a7f3d0;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;font-weight:700;animation:.4s cubic-bezier(.18,.89,.32,1.28) both popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.success-title{color:var(--navy);letter-spacing:-.02em;font-size:clamp(1.6rem,5vw,2.25rem);font-weight:700}.success-sub{color:var(--muted);font-size:1.1rem}.success-card{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:12px;flex-direction:column;gap:8px;width:100%;padding:1.25rem 1.5rem;display:flex}.success-card-title{color:var(--navy);margin-bottom:4px;font-size:1rem;font-weight:700}.success-card-row{color:var(--text);font-size:.92rem}.success-note{color:var(--muted);font-size:.875rem;line-height:1.6}.form-footer{color:var(--muted);border-top:1px solid var(--border);background:var(--white);justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-keys{color:#bbbdc4}@media (max-width:480px){.shell{padding:3rem 1.25rem 5rem}.welcome-title{font-size:1.75rem}.step-q{font-size:1.35rem}.step-input{font-size:1.1rem}}