:root{--bg:#07090c;--card:#12171d;--line:#232a33;--text:#eef2f5;--dim:#9aa6b2;--teal:#19d3b4;--err:#ff7a7a}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(60vw 40vw at 20% 0,#0fa88e30,transparent),radial-gradient(50vw 40vw at 100% 100%,#8b7bff25,transparent),var(--bg);color:var(--text);font-family:'Inter',system-ui,sans-serif;line-height:1.5}
.box{width:100%;max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px;margin-bottom:22px;color:var(--text);text-decoration:none}
.logo img{height:30px}
h1{font-size:26px;letter-spacing:-.02em;margin-bottom:6px}
p.sub{color:var(--dim);margin-bottom:22px;font-size:15px}
label{display:block;font-size:13px;color:var(--dim);margin:14px 0 6px}
input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#0b0f14;color:var(--text);font:inherit}
input:focus{outline:none;border-color:var(--teal)}
button,.btn{display:block;width:100%;text-align:center;margin-top:22px;padding:14px;border:0;border-radius:999px;background:var(--teal);color:#04201b;font-family:inherit;font-weight:700;font-size:16px;cursor:pointer;text-decoration:none}
button:disabled{opacity:.6;cursor:default}
.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line);margin-top:12px}
#err{color:var(--err);font-size:14px;margin-top:14px;min-height:20px}
.alt{margin-top:18px;text-align:center;color:var(--dim);font-size:14px}.alt a{color:var(--teal)}
.pill{display:inline-block;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;background:#ffffff14}
.pill.ok{background:#19d3b422;color:var(--teal)}.pill.warn{background:#ffb45422;color:#ffb454}
.row{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}
.row span:first-child{color:var(--dim)}

/* ===== Acesso (entrar/cadastro/esqueci/redefinir/verificar): mesmo universo do WayAR ===== */
body.auth{background:#050813;position:relative;overflow-x:hidden}
.bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
.bg-video.on{opacity:.42}
.bg-shade{position:absolute;inset:0;background:radial-gradient(ellipse 60% 55% at 50% 50%,#05081326,#050813d9 80%),linear-gradient(180deg,#0508138c,transparent 30%,transparent 70%,#050813b3)}
.bg-glow{position:absolute;inset:0;background:radial-gradient(circle 340px at var(--mx,50%) var(--my,50%),#00e0cd29,transparent 70%)}
.tunnel{position:absolute;inset:0;perspective:1000px;perspective-origin:var(--ox,50%) var(--oy,50%);transform-style:preserve-3d}
.t-frame{position:absolute;left:50%;top:50%;width:92vmin;height:92vmin;border:1px solid #00e0cd8c;border-radius:6%;box-shadow:0 0 28px #00e0cd40,inset 0 0 40px #7c5cff2e;opacity:0;animation:fly 12s linear infinite}
.t-dot{position:absolute;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#9ff5ec;box-shadow:0 0 10px #00e0cd;opacity:0;animation:flyDot 12s linear infinite}
@keyframes fly{0%{transform:translate(-50%,-50%) translateZ(-3200px);opacity:0}20%{opacity:.85}85%{opacity:.5}100%{transform:translate(-50%,-50%) translateZ(700px);opacity:0}}
@keyframes flyDot{0%{transform:translate3d(var(--x),var(--y),-3200px);opacity:0}20%{opacity:1}85%{opacity:.7}100%{transform:translate3d(var(--x),var(--y),700px);opacity:0}}
body.auth .box{position:relative;z-index:1;background:#0c1220b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:#ffffff1f;box-shadow:0 30px 80px #000a,0 0 0 1px #00e0cd14;animation:panelIn .8s cubic-bezier(.2,.8,.2,1) both}
@keyframes panelIn{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:none}}
body.auth .logo{justify-content:center}body.auth .logo img{height:64px}
body.auth h1,body.auth p.sub{text-align:center}
body.auth input{background:#070b14cc}
body.auth button[type=submit]{background:linear-gradient(135deg,#19d3b4,#6ee7d8);box-shadow:0 8px 28px #19d3b44d;transition:transform .15s,box-shadow .15s}
body.auth button[type=submit]:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 34px #19d3b466}
body.auth.leaving .box{transition:opacity .5s ease-in,transform .8s cubic-bezier(.5,0,1,.6);opacity:0;transform:scale(1.2)}
body.auth.leaving .t-frame{animation:dive .9s cubic-bezier(.5,0,1,.6) forwards}
@keyframes dive{0%{transform:translate(-50%,-50%) translateZ(-2600px);opacity:0}25%{opacity:.95}100%{transform:translate(-50%,-50%) translateZ(1100px);opacity:.2}}
.stage{display:none;position:relative;z-index:1}
@media(min-width:1000px){
 body.auth.split{grid-template-columns:minmax(0,1.15fr) minmax(380px,460px);gap:48px;max-width:1280px;margin:0 auto;padding:32px 40px}
 body.auth.split .stage{display:block}
}
.stage{--accent:#19d3b4;color:#eef2f5}
.st-kicker{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.st-title{font-size:clamp(28px,3.2vw,44px);line-height:1.08;letter-spacing:-.025em;max-width:560px}
.st-title span{background:linear-gradient(90deg,var(--accent),#8b7bff);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-scene{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;margin:28px 0 22px;max-width:640px}
.st-win{position:relative;background:#0c1220cc;border:1px solid #ffffff1f;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0008;animation:float 7s ease-in-out infinite}
.st-site{animation-delay:-3s}
@keyframes float{50%{transform:translateY(-8px)}}
.st-bar{display:flex;align-items:center;gap:5px;padding:9px 12px;border-bottom:1px solid #ffffff14}
.st-bar i{width:8px;height:8px;border-radius:50%;background:#ffffff33}.st-bar em{margin-left:6px;font-style:normal;font-size:11px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.st-avatar svg{display:block;width:100%;max-width:190px;margin:10px auto 4px}
.st-avatar g,.st-avatar circle,.st-avatar path{transform-box:fill-box;transform-origin:center}
.av-body{animation:pop .6s .2s both}.av-head{animation:pop .6s .6s both}.av-hair{animation:pop .6s 1s both;transition:fill .4s}.av-eye{animation:pop .4s 1.4s both}.av-smile{animation:pop .4s 1.7s both}.av-glasses{animation:pop .5s 2s both}
@keyframes pop{from{opacity:0;transform:scale(.4) translateY(14px)}to{opacity:1;transform:none}}
.st-sw{display:flex;justify-content:center;gap:8px;padding:6px 0 14px}
.st-sw button{all:unset;width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid #ffffff55;transition:transform .15s}.st-sw button:hover{transform:scale(1.25)}.st-sw button:focus-visible{outline:2px solid #fff}
.sb-page{padding:14px;display:grid;gap:10px;transition:filter .4s}.sb-page.alt{filter:hue-rotate(110deg)}
.sb-in{opacity:0;animation:slideIn .6s var(--d) both}
@keyframes slideIn{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
.sb-nav{display:flex;gap:8px;align-items:center}.sb-nav b{width:22px;height:22px;border-radius:7px;background:var(--accent)}.sb-nav u{height:6px;width:34px;border-radius:3px;background:#ffffff2e}.sb-nav u:first-of-type{margin-left:auto}
.sb-hero{padding:16px;border-radius:12px;background:linear-gradient(135deg,#19d3b426,#8b7bff30)}
.sb-hero h3{font-size:18px;margin-bottom:2px}.sb-hero p{font-size:12px;color:var(--dim);margin-bottom:10px}
.sb-cta{all:unset;cursor:pointer;padding:7px 14px;border-radius:999px;background:var(--accent);color:#04201b;font-weight:700;font-size:12px;animation:glow 2.4s 2.4s infinite}
@keyframes glow{50%{box-shadow:0 0 0 8px #19d3b41f}}
.sb-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sb-card{height:54px;border-radius:10px;background:#ffffff12;border:1px solid #ffffff14;cursor:pointer;transition:all .2s}.sb-card:hover,.sb-card.on{background:#19d3b42e;border-color:var(--accent);transform:translateY(-3px)}
.st-cursor{position:absolute;left:12%;top:46%;padding:2px 8px;border-radius:6px 999px 999px 999px;background:#8b7bff;color:#fff;font-size:11px;font-weight:700;pointer-events:none;animation:cursor 9s ease-in-out 2s infinite}
@keyframes cursor{0%,100%{transform:translate(0,0)}25%{transform:translate(170px,-20px)}50%{transform:translate(120px,90px)}75%{transform:translate(20px,60px)}}
.st-who{position:absolute;top:36px;right:10px;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;color:#04201b;background:var(--accent)}.st-who.who-b{display:none}
.st-points{list-style:none;display:grid;gap:8px;color:var(--dim);font-size:15px}.st-points li::before{content:"✦";color:var(--accent);margin-right:10px}
@media(prefers-reduced-motion:reduce){.t-frame,.t-dot,.st-win,.st-cursor,.sb-cta,body.auth .box{animation:none}.t-frame{opacity:.4}.t-dot{opacity:.6}.av-body,.av-head,.av-hair,.av-eye,.av-smile,.av-glasses,.sb-in{animation:none;opacity:1}}

body.auth .logo{font-size:0;gap:0}body.auth .logo img{height:54px;mix-blend-mode:screen;border-radius:10px}

/* Formulario maior em todas as telas de acesso (entrar, cadastro, esqueci, redefinir, verificar). */
body.auth .box{max-width:540px;padding:48px 46px;border-radius:28px}
body.auth h1{font-size:34px;margin-bottom:10px}
body.auth p.sub{font-size:17px;margin-bottom:28px}
body.auth label{font-size:15px}
body.auth input{padding:17px 18px;font-size:17px;border-radius:14px}
body.auth button[type=submit],body.auth .btn{padding:18px;font-size:18px;margin-top:28px}
@media(min-width:1000px){body.auth.split{grid-template-columns:minmax(0,1fr) minmax(480px,560px);gap:40px}}
@media(max-width:560px){body.auth .box{padding:32px 22px}body.auth h1{font-size:28px}}

/* ===== Estilo Readdy: formulario claro a esquerda, vitrine com video a direita ===== */
body.auth.rd{display:grid;grid-template-columns:1fr;place-items:stretch;padding:0;min-height:100dvh;background:#fcfbf9;color:#14122b;--text:#14122b;--dim:#5b5870;--line:#e3e0ea;--teal:#6d4aff}
body.auth.rd .box{background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;animation:none;max-width:460px;width:100%;margin:auto;padding:48px 32px;align-self:center;justify-self:center}
body.auth.rd .logo{justify-content:flex-start;position:absolute;top:28px;left:40px;margin:0;color:#14122b}
body.auth.rd .logo img{mix-blend-mode:normal;height:40px;background:#0b0f14;border-radius:10px;padding:4px 8px}
body.auth.rd h1,body.auth.rd p.sub{text-align:left}
body.auth.rd h1{font-size:36px;color:#14122b}
body.auth.rd label{color:#14122b;font-weight:600}
body.auth.rd input{background:#fff;border:1px solid #d9d5e4;color:#14122b}
body.auth.rd input:focus{border-color:#6d4aff;box-shadow:0 0 0 3px #6d4aff22}
body.auth.rd button[type=submit],body.auth.rd .btn{background:#6d4aff;color:#fff;box-shadow:none;border-radius:12px}
body.auth.rd button[type=submit]:hover:not(:disabled){background:#5b3be8;box-shadow:0 8px 24px #6d4aff40}
body.auth.rd .alt a,body.auth.rd .alt{color:#5b5870}body.auth.rd .alt a,body.auth.rd #err a{color:#6d4aff}
body.auth.rd #err{color:#d6336c}
body.auth.rd.leaving .box{opacity:0;transition:opacity .4s}
body.auth.rd .stage{display:none;position:relative;overflow:hidden;margin:14px 14px 14px 0;border-radius:28px;background:#0b0f1d;color:#fff}
@media(min-width:1000px){body.auth.rd{grid-template-columns:1fr 1fr}body.auth.rd .stage{display:flex;flex-direction:column;justify-content:space-between}}
.st-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}.st-video.on{opacity:.9}
.st-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0b0f1dcc 0%,#0b0f1d55 40%,#0b0f1d99 70%,#0b0f1dee 100%)}
.st-copy{position:relative;padding:56px 48px 0}
.stage .st-title{font-size:clamp(34px,3.6vw,54px);line-height:1.05;letter-spacing:-.03em;max-width:620px;color:#fff}
.stage .st-title span{background:linear-gradient(90deg,#9ff5ec,#c4b5ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-pill{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 16px;border-radius:999px;background:#ffffff1f;backdrop-filter:blur(10px);font-size:15px;color:#fff}
.st-pill i{width:9px;height:9px;border-radius:50%;background:#7cf5c8;box-shadow:0 0 10px #7cf5c8}
.mq-wrap{position:relative;display:grid;gap:14px;padding:0 0 28px}
.mq{overflow:hidden}.mq-track{display:flex;gap:14px;width:max-content;animation:mqL 48s linear infinite}.mq-b .mq-track{animation-name:mqR}
.mq:hover .mq-track{animation-play-state:paused}
.mq-card{flex:none;width:250px;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#12182a;border:1px solid #ffffff22;box-shadow:0 10px 30px #0008;transition:transform .25s}
.mq-card:hover{transform:translateY(-6px) scale(1.04)}
.mq-card img{width:100%;height:100%;object-fit:cover;display:block}
@keyframes mqL{to{transform:translateX(-50%)}}@keyframes mqR{from{transform:translateX(-50%)}to{transform:none}}
@media(prefers-reduced-motion:reduce){.mq-track{animation:none}}

/* Boas-vindas (perguntas antes do painel) */
.ob-step{font-size:14px;font-weight:600;color:#6d4aff;margin-bottom:10px}
.ob-bar{height:5px;border-radius:99px;background:#e9e5f3;margin-bottom:28px;overflow:hidden}.ob-bar i{display:block;height:100%;background:#6d4aff;transition:width .35s}
.ob-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}
body.auth.rd .ob-opt{margin:0;width:auto;text-align:left;padding:16px;border-radius:14px;border:1.5px solid #d9d5e4;background:#fff;color:#14122b;font-weight:600;font-size:15px;box-shadow:none}
body.auth.rd .ob-opt small{display:block;font-weight:400;color:#5b5870;margin-top:3px;font-size:13px}
body.auth.rd .ob-opt:hover{border-color:#6d4aff;background:#f6f3ff}
body.auth.rd .ob-opt.on{border-color:#6d4aff;background:#efeaff;box-shadow:0 0 0 3px #6d4aff22}
.ob-nav{display:flex;gap:12px;align-items:center;margin-top:26px}.ob-nav button{margin-top:0}
body.auth.rd .ob-back{width:auto;background:transparent;color:#5b5870;padding:16px 8px}
body.auth.rd .ob-skip{width:auto;background:transparent;color:#5b5870;font-weight:500;font-size:14px;text-decoration:underline;margin-left:auto;padding:16px 4px}
@media(max-width:560px){.ob-opts{grid-template-columns:1fr}body.auth.rd .logo{left:22px}}
body.auth.rd .stage{order:2;margin:14px 14px 14px 0}
body.auth.rd .box{order:1;position:static}
body.auth.rd{position:relative}
body.auth.rd .box button:not(.ob-opt):not(.ob-back):not(.ob-skip){background:#6d4aff;color:#fff}
body.auth.rd .box button:not(.ob-opt):not(.ob-back):not(.ob-skip):hover:not(:disabled){background:#5b3be8}
@media(min-width:1000px){body.auth.rd .box{padding-top:96px}}

.mq-card{width:300px}.mq-track{animation-duration:70s}.mq-b .mq-track{animation-duration:80s}
body.auth.rd .logo img{height:52px}.stage .st-title{font-size:clamp(32px,3.2vw,46px)}.mq-card{width:340px}

/* ===== Tema roxo WayIA Criar: mesmo universo da landing (fundo de IA, vidro, animacao de tras pra frente) ===== */
body.auth,body.auth.rd{--text:#f4f0ff;--dim:#b4a9d6;--line:#ffffff1f;--teal:#c4a4ff;--err:#ff8fb4;background:#07021a;color:#f4f0ff;position:relative}
#world{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(90% 70% at 18% 30%,#3a0f8f 0,#1b0650 38%,#07021a 75%),linear-gradient(180deg,#0b0420,#07021a)}
#world::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 60% at 85% 80%,#5b1fd055,transparent 70%),linear-gradient(90deg,transparent 40%,#04010f99 100%)}
#net{position:absolute;inset:0;width:100%;height:100%}
#orb{position:absolute;left:var(--ox,70%);top:var(--oy,46%);width:min(52vw,560px);aspect-ratio:1;translate:calc(-50% + var(--px,0px)) calc(-50% + var(--py,0px));transform:scale(var(--os,1));transition:transform 1s cubic-bezier(.2,.8,.2,1);will-change:transform}
#orb i{position:absolute;inset:0;border-radius:50%}
#orb .g{background:radial-gradient(circle,#c79bff66 0,#8b5cff40 30%,transparent 68%);filter:blur(8px);animation:wpulse 5s ease-in-out infinite}
#orb .r1{inset:14%;border:2px solid #d9b8ffcc;box-shadow:0 0 40px #b07bff,inset 0 0 40px #8b5cff99;animation:wspin 18s linear infinite;border-style:solid dashed solid dotted}
#orb .r2{inset:26%;border:1px solid #6fe7ff99;box-shadow:0 0 30px #4de2ff80;animation:wspin 11s linear infinite reverse;border-style:dotted solid}
#orb .core{inset:34%;background:radial-gradient(circle at 50% 40%,#fff 0,#e6d2ff 18%,#9b6bff 55%,#4a1fb8 100%);box-shadow:0 0 90px #b98cff,0 0 200px #8b5cff;display:grid;place-items:center;font:700 clamp(28px,5vw,64px)/1 "Space Grotesk",Inter,sans-serif;color:#2a0b6b;text-shadow:0 0 20px #fff}
@keyframes wspin{to{transform:rotate(360deg)}}@keyframes wpulse{50%{transform:scale(1.12);opacity:.8}}
body.auth .bg,body.auth .tunnel{display:none}
/* cartao de vidro que vem de tras pra frente */
body.auth .box,body.auth.rd .box{position:relative;z-index:2;background:#150a35b8;border:1px solid #ffffff26;border-radius:28px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 90px #000a,0 0 60px #8b5cff30,inset 0 1px 0 #ffffff1c;color:#f4f0ff;
  animation:flyIn 1s cubic-bezier(.16,1,.3,1) both}
body.auth.rd .box{background:#150a35b8;max-width:500px;padding:44px 38px;margin:auto}
@keyframes flyIn{from{opacity:0;transform:perspective(1100px) translateZ(-420px) translateY(60px) rotateX(12deg);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}
body.auth .box>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
body.auth .box>*:nth-child(2){animation-delay:.12s}body.auth .box>*:nth-child(3){animation-delay:.2s}body.auth .box>*:nth-child(4){animation-delay:.28s}body.auth .box>*:nth-child(5){animation-delay:.36s}body.auth .box>*:nth-child(n+6){animation-delay:.44s}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
body.auth .logo,body.auth.rd .logo{justify-content:center;position:static;margin:0 0 18px;color:#fff}
body.auth .logo img,body.auth.rd .logo img{height:84px;width:auto;mix-blend-mode:normal;background:none;padding:0;border-radius:0;filter:drop-shadow(0 0 22px #8b5cff80);transition:transform .3s}
body.auth .logo:hover img{transform:scale(1.06) rotate(-1deg)}
body.auth.rd h1,body.auth h1{color:#fff;text-align:center;font-family:"Space Grotesk",Inter,sans-serif;font-size:34px;letter-spacing:-.03em}
body.auth.rd p.sub,body.auth p.sub{text-align:center;color:#b4a9d6}
body.auth.rd label,body.auth label{color:#e2d6ff;font-weight:600}
body.auth.rd input,body.auth input,body.auth textarea{background:#0a0322b3;border:1px solid #ffffff26;color:#fff;transition:border-color .2s,box-shadow .2s,background .2s}
body.auth.rd input::placeholder,body.auth input::placeholder{color:#8478ad}
body.auth.rd input:focus,body.auth input:focus{border-color:#a97bff;box-shadow:0 0 0 3px #8b5cff40,0 0 24px #8b5cff40;background:#0f0430}
body.auth.rd button[type=submit],body.auth.rd .btn,body.auth button[type=submit],body.auth .btn,
body.auth.rd .box button:not(.ob-opt):not(.ob-back):not(.ob-skip),body.auth .box button:not(.ob-opt):not(.ob-back):not(.ob-skip):not(.btn.ghost){background:linear-gradient(135deg,#8b5cff,#c04bff);color:#fff;border-radius:14px;box-shadow:0 10px 30px #8b5cff55;transition:transform .2s,box-shadow .2s}
body.auth.rd button[type=submit]:hover:not(:disabled),body.auth button[type=submit]:hover:not(:disabled),body.auth .btn:hover,body.auth.rd .box button:not(.ob-opt):not(.ob-back):not(.ob-skip):hover:not(:disabled){background:linear-gradient(135deg,#9d74ff,#d063ff);box-shadow:0 14px 44px #a97bffaa;transform:translateY(-2px)}
body.auth .btn.ghost,body.auth.rd .btn.ghost{background:#ffffff0d!important;color:#fff!important;border:1px solid #ffffff2e!important;box-shadow:none}
body.auth .btn.ghost:hover{background:#ffffff1c!important}
body.auth.rd .alt,body.auth .alt{color:#b4a9d6}body.auth.rd .alt a,body.auth .alt a,body.auth.rd #err a,body.auth #err a{color:#c4a4ff}body.auth .alt a:hover{color:#fff}
body.auth.rd #err,body.auth #err{color:#ff8fb4}
body.auth .row{border-color:#ffffff1f}.pill{background:#ffffff1a}.pill.ok{background:#4de2ff22;color:#7cf0ff}
/* boas-vindas */
body.auth.rd .ob-step{color:#c4a4ff}body.auth .ob-bar{background:#ffffff1a}body.auth .ob-bar i{background:linear-gradient(90deg,#4de2ff,#8b5cff,#ff5fd2)}
body.auth.rd .ob-opt{background:#ffffff0d;border:1.5px solid #ffffff26;color:#fff;box-shadow:none;transition:transform .2s,border-color .2s,background .2s}
body.auth.rd .ob-opt small{color:#b4a9d6}
body.auth.rd .ob-opt:hover{background:#8b5cff2e;border-color:#a97bff;transform:translateY(-3px)}
body.auth.rd .ob-opt.on{background:#8b5cff44;border-color:#c4a4ff;box-shadow:0 0 0 3px #8b5cff40,0 0 24px #8b5cff55}
body.auth.rd .ob-back,body.auth.rd .ob-skip{background:transparent!important;color:#b4a9d6!important;box-shadow:none!important}
/* vitrine da direita: vidro sobre o fundo vivo */
body.auth.rd .stage{background:#12072e66;border:1px solid #ffffff1f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:2;box-shadow:0 30px 90px #0008,0 0 60px #8b5cff22;animation:flyIn 1.2s .15s cubic-bezier(.16,1,.3,1) both}
.st-video.on{opacity:.45}
.st-shade{background:linear-gradient(180deg,#0b0420cc 0%,#0b042055 40%,#0b042099 70%,#0b0420ee 100%)}
.stage .st-title span{background:linear-gradient(90deg,#b98cff,#ff5fd2 55%,#4de2ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-pill{background:#ffffff14;border:1px solid #ffffff1f}.st-pill i{background:#4de2ff;box-shadow:0 0 10px #4de2ff}
.mq-card{border-color:#ffffff26;box-shadow:0 10px 30px #0008,0 0 24px #8b5cff22}
.mq-card:hover{box-shadow:0 18px 44px #8b5cff66}
/* saida: o cartao passa pela camera */
body.auth.leaving .box,body.auth.rd.leaving .box{transition:opacity .5s ease-in,transform .8s cubic-bezier(.5,0,1,.6),filter .6s;opacity:0;transform:perspective(1100px) translateZ(520px) scale(1.2);filter:blur(10px);animation:none}
body.auth.leaving .stage{transition:opacity .5s;opacity:0}
body.auth.leaving #orb{transform:scale(3.4)!important;opacity:.4}
@media(max-width:999px){#orb{--ox:50%;width:90vw}body.auth.rd .box{padding:34px 22px}}
@media(prefers-reduced-motion:reduce){body.auth .box,body.auth .box>*,body.auth.rd .stage,#orb i{animation:none!important}}
body.auth:not(.rd) #orb{--ox:84%}
@media(max-width:999px){body.auth.rd{padding:16px}body.auth:not(.rd) #orb{--ox:50%}}

/* ===== Login (entrar): textos e cards menores ===== */
body.login .box{max-width:360px;padding:26px;border-radius:20px}
body.login.auth .logo img{height:50px}
body.login .logo{margin-bottom:16px}
body.login h1{font-size:22px}
body.login p.sub{font-size:13.5px;margin-bottom:16px}
body.login label{font-size:12px;margin:11px 0 5px}
body.login input{padding:10px 12px;font-size:14px;border-radius:10px}
body.login button,body.login .btn{margin-top:18px;padding:11px;font-size:14.5px}
body.login .btn.ghost{margin-top:10px}
body.login #err{font-size:13px;margin-top:10px}
body.login .alt{font-size:13px;margin-top:14px}
@media(min-width:1000px){body.login.auth.split{grid-template-columns:minmax(0,1.15fr) minmax(320px,370px);gap:40px}}
body.login .st-kicker{font-size:12px}
body.login .st-title{font-size:clamp(24px,2.5vw,34px);max-width:480px}
body.login .st-scene{margin:22px 0 18px;max-width:520px;gap:12px}
body.login .st-bar{padding:7px 10px}
body.login .sb-hero{padding:12px}body.login .sb-hero h3{font-size:15px}body.login .sb-hero p{font-size:11px}
body.login .sb-card{height:42px}
body.login .st-points{font-size:13.5px;gap:6px}
body.login .st-avatar svg{max-width:150px}