:root{color-scheme:light;--bg:#f5f5f2;--surface:#fff;--surface-strong:#f1f1f0;--line:#dedfe2;--text:#121317;--muted:#74777f;--soft:#4f5259;--green:#16845f;--rose:#c43a47;--blue:#15161b;--cyan:#15161b}
html{background:#f5f5f2}body,body.mode-email,body.mode-app{min-height:100svh;overflow-y:auto;background:#f5f5f2;color:#121317}body:before{display:none}
.shell{width:100%;min-height:100svh;margin:0;padding:14px;display:grid;grid-template-columns:minmax(460px,1.08fr) minmax(430px,.92fr);grid-template-rows:minmax(0,1fr) auto;align-items:stretch}
.brand-story{position:relative;grid-row:1/3;display:flex;overflow:hidden;min-height:calc(100svh - 28px);flex-direction:column;justify-content:space-between;padding:42px 48px 38px;border-radius:30px;background:#111216;color:#fff;isolation:isolate;animation:vcStoryIn .7s cubic-bezier(.2,.8,.2,1)}
.brand-story:before,.brand-story:after{position:absolute;z-index:-1;border-radius:50%;content:"";filter:blur(2px);animation:vcAmbient 10s ease-in-out infinite alternate}.brand-story:before{top:-24%;right:-23%;width:570px;height:570px;background:radial-gradient(circle,rgba(255,255,255,.18),rgba(255,255,255,0) 68%)}.brand-story:after{bottom:-32%;left:-23%;width:620px;height:620px;background:radial-gradient(circle,rgba(98,101,112,.38),rgba(17,18,22,0) 66%);animation-delay:-4s}.story-brand{display:flex;align-items:center;gap:11px}.story-brand img{width:37px;height:37px;object-fit:contain}.story-brand strong{font-family:Sora,Inter,sans-serif;font-size:16px;letter-spacing:-.035em}.story-brand span{margin-left:3px;padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:rgba(255,255,255,.68);font-size:8px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.story-copy{max-width:620px}.story-copy>span{display:block;margin-bottom:17px;color:rgba(255,255,255,.52);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.story-copy h1{margin:0;font-family:Sora,Inter,sans-serif;font-size:clamp(43px,4.25vw,72px);line-height:.98;letter-spacing:-.065em}.story-copy p{max-width:510px;margin:23px 0 0;color:rgba(255,255,255,.62);font-size:14px;line-height:1.65}.story-flow{display:flex;align-items:center;gap:13px}.story-flow>span{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.86);font-size:10px}.story-flow>span i{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(255,255,255,.07);font-size:15px;backdrop-filter:blur(12px)}.story-flow>i{color:rgba(255,255,255,.25);font-size:12px}.brand-story>footer{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.42);font-size:9px;font-weight:600}.brand-story>footer i{font-size:14px}
.experience{align-self:center;width:min(440px,calc(100% - 48px));padding:50px 0 30px;gap:17px;justify-items:stretch}.brand{display:none}.intro{min-height:auto;place-items:start;text-align:left}.typed{max-width:430px;color:#121317;font-size:clamp(29px,3vw,42px);line-height:1.06;letter-spacing:-.052em}.caret{background:#121317}.choice{justify-content:flex-start;gap:8px}.choice-btn{min-width:136px;height:43px;border-color:#dcdddf;background:#fff;color:#4f525a;font-size:11px;box-shadow:0 6px 20px rgba(18,19,23,.035)}.choice-btn:hover,.choice-btn.active{border-color:#17181d;background:#17181d;color:#fff;transform:translateY(-1px)}
.banner{width:100%;border-radius:15px}.banner.error{border-color:#efcbd0;background:#fff1f2;color:#a72c39}.banner.info{border-color:#dfe0e3;background:#fff;color:#595c64}.auth-stage{width:100%;min-height:330px;margin-top:0}.panel{padding:19px;border-color:#dedfe2;border-radius:22px;background:rgba(255,255,255,.92);box-shadow:0 22px 70px rgba(22,23,27,.085);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.panel-head{margin-bottom:17px}.panel-head h2{color:#15161a;font-size:18px;letter-spacing:-.04em}.panel-head span{color:#74777f;font-size:10px}.mini-status{color:#74777f;font-size:9px}.pulse{background:#aeb0b5;box-shadow:none}.mini-status[data-state=typing] .pulse,.mini-status[data-state=submitting] .pulse{background:#15161b}.mini-status[data-state=success] .pulse{background:#16845f}.mini-status[data-state=error] .pulse{background:#c43a47}
.field{gap:7px;margin-bottom:13px}.field label{color:#676a72;font-size:9px}.input{height:53px;border-color:#dedfe2;border-radius:15px;background:#f5f5f6;color:#15161b;font-size:14px}.input::placeholder{color:#a0a2a8}.input:focus{border-color:#222328;background:#fff;box-shadow:0 0 0 4px rgba(18,19,23,.065)}.input-wrap>i{color:#74777f}.toggle{color:#686b72}.remember{margin:2px 0 9px;color:#686b72;font-size:10px}.remember input{accent-color:#15161b}.btn-primary{min-height:50px;border-color:#15161b;border-radius:15px;background:#15161b;color:#fff;box-shadow:0 13px 28px rgba(16,17,21,.15)}.btn-primary:hover{background:#292a30}.login-code{color:#15161b;text-shadow:none}.status{color:#74777f}.app-code{gap:17px;padding:12px 0 3px}.app-trust{display:flex;width:100%;align-items:center;gap:11px;padding:12px 13px;border:1px solid #e0e1e4;border-radius:15px;background:#f7f7f7;text-align:left}.app-trust>i{display:grid;flex:0 0 37px;width:37px;height:37px;place-items:center;border-radius:12px;background:#15161b;color:#fff;font-size:18px}.app-trust span{display:grid;gap:2px}.app-trust strong{color:#24252a;font-size:10px}.app-trust small{color:#777a82;font-size:8px}.quick{gap:8px}.quick-item{border-color:#dedfe2;background:#fff;color:#15161b}.mini{border-color:#dedfe2;background:#f5f5f6;color:#4f525a}.signature{grid-column:2;color:#8a8c92;font-size:9px;opacity:1;animation:none;padding:2px 0 8px}.muted{color:#777a82}
@keyframes vcStoryIn{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes vcAmbient{to{transform:translate3d(5%,-4%,0) scale(1.08)}}
@media(max-width:1080px){.shell{grid-template-columns:minmax(400px,.95fr) minmax(410px,1.05fr)}.brand-story{padding:36px}.story-flow{gap:8px}.story-flow>span b{display:none}}
@media(max-width:820px){.shell{display:block;padding:12px}.brand-story{min-height:230px;padding:25px;border-radius:24px}.story-copy>span,.story-copy p,.story-flow,.brand-story>footer{display:none}.story-copy h1{font-size:40px}.experience{width:min(440px,calc(100% - 24px));margin:0 auto;padding:34px 0 20px}.brand{display:none}.signature{padding-bottom:12px}.auth-stage{min-height:345px}}
@media(max-width:560px){.shell{width:100%;padding:0 13px 20px}.brand-story{min-height:188px;margin:0 -13px;padding:max(24px,calc(env(safe-area-inset-top) + 15px)) 22px 24px;border-radius:0 0 28px 28px}.story-copy h1{font-size:32px}.story-brand img{width:32px;height:32px}.experience{width:100%;padding:27px 0 0;gap:14px}.intro{min-height:auto}.typed{font-size:30px}.choice{flex-wrap:nowrap}.choice-btn{flex:1;min-width:0}.auth-stage{min-height:390px}.panel{padding:17px}.signature{display:none}}
@media(prefers-reduced-motion:reduce){.brand-story,.brand-story:before,.brand-story:after{animation:none!important}}

/* Segunda passagem: fluxo sem alturas rígidas, mais limpo e respirado. */
.shell{width:min(1480px,100%);grid-template-columns:minmax(390px,1fr) minmax(430px,.9fr);grid-template-rows:auto;gap:clamp(24px,3vw,48px);margin:0 auto;padding:16px}
.brand-story{position:sticky;top:16px;grid-row:auto;min-height:calc(100svh - 32px);padding:42px 46px 36px}
.story-copy{max-width:590px}.story-copy h1{font-size:clamp(42px,4.2vw,68px)}
.experience{align-self:center;justify-self:center;width:min(420px,calc(100% - 48px));min-width:0;padding:42px 0;gap:14px}
.intro{min-height:0}.typed{font-size:clamp(28px,2.7vw,36px);line-height:1.04}.caret{display:none}
.choice{opacity:1;transform:none;pointer-events:auto}.choice-btn{height:41px}
.auth-stage{min-height:0;height:auto}.auth-panel{position:relative;inset:auto;display:none;opacity:1;transform:none;pointer-events:auto}.auth-panel.email-panel,.auth-panel.app-panel{position:relative}.mode-email .email-panel,.mode-app .app-panel{display:block;opacity:1;transform:none}.panel{padding:18px}.signature{display:none}
@media(max-height:700px) and (min-width:821px){.brand-story{padding-top:31px;padding-bottom:28px}.story-copy>span{margin-bottom:12px}.story-copy h1{font-size:clamp(38px,4vw,56px)}.story-copy p{margin-top:16px}.story-flow{display:none}.experience{padding:24px 0;gap:11px}.typed{font-size:29px}.panel{padding:16px}.input{height:48px}.field{margin-bottom:10px}.btn-primary{min-height:46px}}
@media(max-width:1080px){.shell{grid-template-columns:minmax(360px,.85fr) minmax(430px,1.15fr);gap:24px}.brand-story{padding:34px}.experience{width:min(420px,calc(100% - 26px))}.story-copy h1{font-size:clamp(38px,4.6vw,52px)}}
@media(max-width:820px){.shell{display:block;padding:12px}.brand-story{position:relative;top:auto;min-height:218px;padding:25px}.story-copy h1{font-size:36px}.experience{width:min(430px,calc(100% - 24px));padding:30px 0}.auth-stage{min-height:0}}
@media(max-width:560px){.shell{padding:0 13px 24px}.brand-story{min-height:172px;margin:0 -13px;padding:max(24px,calc(env(safe-area-inset-top) + 15px)) 22px 23px}.story-copy h1{font-size:30px}.experience{width:100%;padding:24px 0 0}.typed{font-size:27px}.panel{padding:16px}.choice-btn{height:43px}.auth-stage{min-height:0}}