#onboarding{position:fixed;inset:0;z-index:5000;overflow:hidden;--bg0:#000000;--bg1:#070707;--bg2:#0f0f0f;--t1:#f5edd8;--t2:#cdbf9b;--t3:#8d8062;--accent:#e6b94a;--accent2:#ffd86a;--accent-rgb:230 185 74;--btn-ink:#1a1206;--onb-crest:url(../assets/brand/logo-cinzas.png);--border:rgb(var(--accent-rgb) / .15);--font-d:"EB Garamond","Georgia",serif;--font-b:"EB Garamond","Georgia",serif;--font-u:"Inter",system-ui,sans-serif;--glow:0 0 30px rgb(var(--accent-rgb) / .2);--ease:cubic-bezier(.22,.7,.24,1);background:var(--bg0);color:var(--t1);font-family:var(--font-b);transition:background .6s ease}#onboarding *{box-sizing:border-box}#onboarding .sky{position:absolute;inset:0;width:100%;height:100%;z-index:0}#onboarding .veu{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,rgb(var(--accent-rgb) / .09),transparent 62%)}#onboarding .vinheta{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(135% 105% at 50% 50%,transparent 48%,rgb(0 0 0 / .55) 100%);transition:opacity 1s ease}#onboarding.skin-clara .vinheta{opacity:.2}#onboarding.skin-clara .veu{opacity:.4}#onboarding .crest{background:var(--onb-crest) center/contain no-repeat;flex:0 0 auto;opacity:0;filter:drop-shadow(0 0 30px rgb(var(--accent-rgb) / .42));animation:onbSigFloat 7s ease-in-out infinite}#onboarding .palco .crest{width:84px;height:84px;margin-bottom:2px}#onboarding .cena .crest{width:116px;height:116px;margin-bottom:6px}#onboarding.play .crest,#onboarding .cena.mostra .crest{animation:onbSigFloat 7s ease-in-out infinite,onbCrestIn 1.5s var(--ease) .2s forwards}@keyframes onbCrestIn{to{opacity:.97}}@keyframes onbSigFloat{0%,to{transform:translateY(0)}30%{transform:translateY(-5px)}70%{transform:translateY(5px)}}#onboarding .palco{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;width:min(600px,92vw);margin:0 auto;text-align:center;padding:22px 32px calc(22px + env(safe-area-inset-bottom));gap:16px;transition:opacity 1.1s,transform 1.3s var(--ease)}#onboarding.foi .palco{opacity:0;transform:translateY(-26px) scale(.98);pointer-events:none}#onboarding .palco,#onboarding .cena{scrollbar-width:none;-ms-overflow-style:none}#onboarding .palco::-webkit-scrollbar,#onboarding .cena::-webkit-scrollbar{width:0;height:0;display:none}#onboarding .fio{height:1px;width:0;background:linear-gradient(90deg,transparent,var(--accent2),transparent);box-shadow:var(--glow);opacity:0}#onboarding.play .fio{animation:onbFioCresce 2.6s var(--ease) .5s forwards}@keyframes onbFioCresce{0%{width:0;opacity:0}45%{opacity:.9}to{width:200px;opacity:.85}}#onboarding .bloom{opacity:0;transform:translateY(10px);filter:blur(4px)}#onboarding.play .bloom{animation:onbBloom 2.2s var(--ease) forwards}@keyframes onbBloom{to{opacity:1;transform:none;filter:blur(0)}}#onboarding .portal{font-family:var(--font-u);font-size:12px;letter-spacing:.34em;text-transform:uppercase;color:var(--t3);margin:0;font-weight:400}#onboarding .portal .por{color:var(--t2)}#onboarding.play .portal{animation-delay:.8s}#onboarding h1{font-family:var(--font-d);font-weight:500;font-size:clamp(30px,4.6vw,44px);letter-spacing:.02em;color:var(--t1);margin:0;line-height:1.18;text-shadow:0 0 34px rgb(var(--accent-rgb) / .16)}#onboarding h1 .marca{font-weight:600;letter-spacing:.14em;color:var(--accent2)}#onboarding.play h1.bloom{animation-delay:3s}#onboarding .sub{font-size:clamp(19px,2.4vw,25px);color:var(--t2);margin:0;max-width:40ch;line-height:1.55;font-style:italic}#onboarding.play .sub{animation-delay:5s;animation-duration:2.6s}#onboarding .cartao{width:100%;background:linear-gradient(180deg,rgb(var(--accent-rgb) / .045),transparent),var(--bg1);border:1px solid var(--border);border-radius:16px;padding:22px 26px 20px;box-shadow:0 26px 80px #0000008c,inset 0 1px rgb(var(--accent-rgb) / .07);text-align:left;opacity:0;transform:translateY(24px);pointer-events:none}#onboarding.play .cartao{animation:onbSobe 2s var(--ease) 10.5s forwards;pointer-events:auto}@keyframes onbSobe{to{opacity:1;transform:none}}#onboarding .pergunta{font-family:var(--font-d);font-size:22px;font-weight:600;letter-spacing:.01em;color:var(--t1);margin:0 0 5px}#onboarding .pergunta-sub{font-family:var(--font-u);font-size:14px;color:var(--t3);margin:0 0 14px;line-height:1.5}#onboarding .campo{position:relative;margin-bottom:11px}#onboarding .campo label{display:block;font-family:var(--font-u);font-size:var(--txt-micro,11.5px);letter-spacing:.14em;text-transform:uppercase;color:var(--t3);margin:0 0 6px}#onboarding .campo input{width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:13px 15px;color:var(--t1);font-family:var(--font-b);font-size:17px;outline:none;transition:border-color .3s,box-shadow .45s,background .3s}#onboarding .campo input::placeholder{color:var(--t3);opacity:.6}#onboarding .campo input:focus{border-color:rgb(var(--accent-rgb) / .5);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .09),var(--glow)}#onboarding .dupla{display:grid;grid-template-columns:1fr 1fr;gap:12px}#onboarding .chave-bloco{margin:16px 0 4px;padding:15px 16px 13px;border:1px solid rgb(var(--accent-rgb) / .28);border-radius:12px;background:linear-gradient(180deg,rgb(var(--accent-rgb) / .07),transparent)}#onboarding .chave-head{display:flex;align-items:center;gap:10px;margin-bottom:4px}#onboarding .chave-selo{font-family:var(--font-u);font-size:var(--txt-micro,11.5px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--btn-ink);background:linear-gradient(180deg,var(--accent2),var(--accent));padding:3px 9px;border-radius:20px}#onboarding .chave-titulo{font-family:var(--font-d);font-size:18px;font-weight:600;color:var(--t1);margin:0}#onboarding .chave-desc{font-family:var(--font-u);font-size:14px;color:var(--t2);margin:6px 0 14px;line-height:1.55}#onboarding .chave-nota{font-family:var(--font-u);font-size:13px;color:var(--t3);margin:10px 2px 0;line-height:1.55}#onboarding .chave-estado{font-family:var(--font-u);font-size:13px;margin:9px 2px 0;line-height:1.5;min-height:1em}#onboarding .chave-estado.ok{color:var(--accent2)}#onboarding .chave-estado.erro{color:#e8677f}#onboarding .chave-escape{display:block;margin:9px 2px 0;padding:0;background:none;border:0;font-family:var(--font-u);font-size:11.5px;color:var(--t3);text-decoration:underline;text-underline-offset:3px;cursor:pointer;line-height:1.5}#onboarding .chave-escape:hover{color:var(--t2)}#onboarding .termos{display:flex;align-items:flex-start;gap:11px;margin:13px 0 4px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:rgb(var(--accent-rgb) / .035);transition:border-color .35s,background .35s}#onboarding .termos.tremor{animation:onbTremor .46s ease}@keyframes onbTremor{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}#onboarding .termos .box{flex:0 0 auto;width:21px;height:21px;border:1.5px solid rgb(var(--accent-rgb) / .5);border-radius:6px;margin-top:1px;cursor:pointer;display:grid;place-items:center;transition:.28s}#onboarding .termos .box svg{width:12px;height:12px;opacity:0;transform:scale(.4);transition:.28s}#onboarding .termos.on .box{background:var(--accent);border-color:var(--accent2);box-shadow:var(--glow)}#onboarding .termos.on .box svg{opacity:1;transform:none}#onboarding .termos .box svg path{stroke:var(--btn-ink)}#onboarding .termos .txt{font-family:var(--font-u);font-size:14px;color:var(--t2);line-height:1.55;cursor:pointer}#onboarding .termos a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgb(var(--accent-rgb) / .35);cursor:pointer}#onboarding .acao{margin-top:16px;display:flex;justify-content:flex-end}#onboarding .btn{font-family:var(--font-u);font-weight:500;font-size:14px;letter-spacing:.04em;color:var(--btn-ink);background:linear-gradient(180deg,var(--accent2),var(--accent));border:none;border-radius:11px;padding:14px 32px;cursor:pointer;transition:.35s;box-shadow:var(--glow)}#onboarding .btn:disabled{background:var(--bg2);color:var(--t3);cursor:not-allowed;box-shadow:none;opacity:.7}#onboarding .btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 0 36px rgb(var(--accent-rgb) / .38)}#onboarding .cena{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:safe center;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;gap:20px;text-align:center;padding:32px 32px calc(32px + env(safe-area-inset-bottom));pointer-events:none;opacity:0}#onboarding .cena.mostra{opacity:1;pointer-events:auto;animation:onbEntra 1.2s var(--ease) forwards}@keyframes onbEntra{0%{opacity:0}to{opacity:1}}#onboarding .saudacao{padding-top:32px}#onboarding .saud-ola{font-family:var(--font-d);font-weight:500;font-size:clamp(34px,5.6vw,54px);letter-spacing:.02em;color:var(--t1);margin:0;opacity:0;transform:translateY(14px);filter:blur(6px)}#onboarding .saud-ola .nome{font-weight:600;color:var(--accent2);text-shadow:0 0 44px rgb(var(--accent-rgb) / .32)}#onboarding .saudacao.mostra .saud-ola{animation:onbBloom 2.2s var(--ease) .3s forwards}#onboarding .saud-l2{font-size:clamp(17px,2.6vw,21px);color:var(--t2);font-style:italic;margin:0;max-width:38ch;line-height:1.6;opacity:0;transform:translateY(12px);filter:blur(5px)}#onboarding .saudacao.mostra .saud-l2{animation:onbBloom 2.2s var(--ease) 1.6s forwards}#onboarding .saud-l3{font-family:var(--font-u);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--t3);margin:8px 0 0;opacity:0}#onboarding .saudacao.mostra .saud-l3{animation:onbPulsa 3s ease-in-out 3s infinite}@keyframes onbPulsa{0%,to{opacity:.3}50%{opacity:.85}}#onboarding .cena-kicker{font-family:var(--font-u);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--t3);margin:0;opacity:0}#onboarding .cena.mostra .cena-kicker{animation:onbBloom 1.2s var(--ease) .2s forwards}#onboarding .cena-titulo{font-family:var(--font-d);font-weight:600;font-size:clamp(26px,4vw,38px);color:var(--t1);margin:0;opacity:0;transform:translateY(10px);filter:blur(4px)}#onboarding .cena.mostra .cena-titulo{animation:onbBloom 1.6s var(--ease) .4s forwards}#onboarding .cena-sub{font-family:var(--font-b);font-style:italic;font-size:clamp(15px,2.2vw,18px);color:var(--t2);margin:0;max-width:48ch;line-height:1.55;opacity:0}#onboarding .cena.mostra .cena-sub{animation:onbBloom 1.6s var(--ease) .8s forwards}#onboarding .orbs{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 24px;max-width:640px;margin:12px 0 2px}#onboarding .orb-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;cursor:pointer;background:none;border:none;padding:0;opacity:0;transform:translateY(12px)}#onboarding .skins.mostra .orb-item{animation:onbBloom .9s var(--ease) forwards}#onboarding .orb{width:48px;height:48px;border-radius:50%;position:relative;outline:2px solid transparent;outline-offset:5px;box-shadow:inset -3px -4px 8px #0000006b,inset 3px 3px 7px #ffffff42,0 6px 16px #0006;transition:transform .22s ease,outline-color .3s,box-shadow .3s}#onboarding .orb-item:hover .orb{transform:scale(1.16)}#onboarding .orb-item.sel .orb{outline-color:var(--accent);transform:scale(1.1);box-shadow:inset -3px -4px 8px #0000006b,inset 3px 3px 7px #ffffff42,0 0 26px rgb(var(--accent-rgb)/.55)}#onboarding .orb-nome{font-family:var(--font-u);font-size:11px;color:var(--t3);letter-spacing:.02em}#onboarding .orb-item.sel .orb-nome{color:var(--accent2)}#onboarding .orb-item.locked .orb{opacity:.42;filter:grayscale(.4)}#onboarding .orb-item.locked .orb-nome{opacity:.6}#onboarding .orb-cadeado{position:absolute;top:-4px;right:6px;width:20px;height:20px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);display:grid;place-items:center;color:var(--accent2);box-shadow:0 2px 8px #00000080}#onboarding .orb-cadeado svg{width:12px;height:12px}#onboarding .orb-upsell{font-family:var(--font-u);font-size:11.5px;color:var(--t2);margin:10px 0 0;min-height:1em;opacity:0;transition:opacity .3s}#onboarding .orb-upsell.show{opacity:1}#onboarding .orb-upsell b{color:var(--accent2);font-weight:500}#onboarding .ecos-grade{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:720px;margin:8px 0 2px}#onboarding .album{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:999px;cursor:pointer;border:1px solid var(--border);background:rgb(var(--accent-rgb)/.05);color:var(--t2);font-family:var(--font-u);font-size:12.5px;transition:.25s;opacity:0;transform:translateY(10px)}#onboarding .ecos.mostra .album{animation:onbBloom .8s var(--ease) forwards}#onboarding .album:hover{border-color:rgb(var(--accent-rgb)/.4);color:var(--t1)}#onboarding .album.sel{border-color:var(--accent2);color:var(--accent2);background:rgb(var(--accent-rgb)/.12);box-shadow:0 0 0 1px var(--accent2)}#onboarding .eq{display:inline-flex;gap:2px;align-items:flex-end;height:13px;width:14px;justify-content:center}#onboarding .eq i{width:2.5px;height:4px;background:currentColor;border-radius:1px;opacity:.45}#onboarding .album.sel .eq i{opacity:1;animation:onbEqbar .9s ease-in-out infinite}#onboarding .album.sel .eq i:nth-child(2){animation-delay:.18s}#onboarding .album.sel .eq i:nth-child(3){animation-delay:.36s}@keyframes onbEqbar{0%,to{height:4px}50%{height:13px}}#onboarding .tocando{font-family:var(--font-u);font-size:11.5px;color:var(--t3);margin:8px 0 0;opacity:0;letter-spacing:.02em}#onboarding .ecos.mostra .tocando{animation:onbBloom 1.2s var(--ease) 1s forwards}#onboarding .tocando b{color:var(--accent2);font-weight:500}#onboarding .livro-opcoes{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin:8px 0 2px}#onboarding .opcao{width:240px;text-align:left;padding:22px;border-radius:14px;border:1px solid var(--border);background:linear-gradient(180deg,rgb(var(--accent-rgb)/.05),transparent),var(--bg1);cursor:pointer;color:var(--t1);transition:.28s;opacity:0;transform:translateY(12px)}#onboarding .livro.mostra .opcao{animation:onbBloom .9s var(--ease) forwards}#onboarding .opcao:hover{border-color:var(--accent2);transform:translateY(-3px);box-shadow:0 14px 34px #00000073}#onboarding .opcao svg{width:30px;height:30px;color:var(--accent2)}#onboarding .opcao .op-t{font-family:var(--font-d);font-weight:600;font-size:19px;margin:12px 0 5px}#onboarding .opcao .op-d{font-family:var(--font-u);font-size:13.5px;color:var(--t3);line-height:1.5}#onboarding .livro-pular{background:none;border:none;color:var(--t3);font-family:var(--font-u);font-size:12.5px;cursor:pointer;margin-top:12px;text-decoration:underline;text-underline-offset:3px;opacity:0}#onboarding .livro.mostra .livro-pular{animation:onbBloom 1s var(--ease) .7s forwards}#onboarding .livro-pular:hover{color:var(--t1)}#onboarding .final{padding-top:32px}#onboarding .final-titulo{font-family:var(--font-d);font-weight:600;font-size:clamp(30px,5.4vw,52px);letter-spacing:.05em;color:var(--t1);margin:0;line-height:1.14;text-shadow:0 0 46px rgb(var(--accent-rgb)/.28);opacity:0;transform:translateY(14px);filter:blur(7px)}#onboarding .final-titulo .nome-final{color:var(--accent2)}#onboarding .final.mostra .final-titulo{animation:onbBloom 2.2s var(--ease) .4s forwards}#onboarding .final-sub{font-style:italic;font-size:clamp(15px,2.3vw,19px);color:var(--t2);margin:0;max-width:42ch;line-height:1.6;opacity:0;transform:translateY(12px);filter:blur(5px)}#onboarding .final.mostra .final-sub{animation:onbBloom 2.2s var(--ease) 1.5s forwards}#onboarding .final-hint{font-family:var(--font-u);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--t3);margin:10px 0 0;opacity:0}#onboarding .final.mostra .final-hint{animation:onbPulsa 3s ease-in-out 2.8s infinite}@media(prefers-reduced-motion:reduce){#onboarding .bloom,#onboarding .fio,#onboarding .cartao,#onboarding .crest,#onboarding [class*=mostra] *{animation-duration:1ms!important;animation-delay:0ms!important}#onboarding .saudacao.mostra .saud-l3,#onboarding .final.mostra .final-hint{animation:none;opacity:.7}#onboarding .album.sel .eq i{animation:none}}