@media (min-width:861px){
:root{
  --bench:#E4E7DF; --ink:#1A1D19; --amber:#DB8A08; --lit:#F5C24D;
  --green:#2F6B4A; --green-l:#8ADDB0; --rust:#8F4520; --paper:#F3F4EF;
  --muted:#5E655B; --blue:#1E3F94;
}
*{box-sizing:border-box}
html,body,#root{margin:0;min-height:100%}
body{font-family:'Archivo',sans-serif;color:var(--ink);background:var(--bench)}

.page{position:relative;min-height:max(100vh,56.25vw);overflow:hidden;display:flex;
  background-color:var(--bench);background-image:repeating-linear-gradient(135deg,rgba(26,29,25,.045) 0 1px,transparent 1px 14px)}
/* trapézio: base menor no topo (30%), base maior embaixo (40%) */
.edge,.trap{position:absolute;inset:0;pointer-events:none}
.edge{background:var(--amber);clip-path:polygon(calc(70% - 5px) 0,100% 0,100% 100%,calc(60% - 5px) 100%)}
.trap{background:var(--ink);clip-path:polygon(70% 0,100% 0,100% 100%,60% 100%);overflow:hidden}
.trap::after{content:"";position:absolute;inset:-40% -60%;
  background:linear-gradient(105deg,transparent 42%,rgba(245,194,77,.07) 50%,transparent 58%);animation:sweep 9s ease-in-out infinite}
@keyframes sweep{0%,100%{transform:translateX(-30%)}50%{transform:translateX(30%)}}
.brand{position:relative;z-index:1;width:56%;padding:56px 0 40px 64px;display:flex;flex-direction:column;color:var(--ink)}
.kicker{font-family:'Chivo Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--rust);text-transform:uppercase}
.title{margin:22px 0 0;font-weight:800;font-stretch:125%;text-transform:uppercase;line-height:.9;font-size:clamp(48px,6.4vw,96px);letter-spacing:-.01em}
.title span{display:block;color:var(--amber)}
.old-contact{margin-top:auto;padding-top:48px;display:grid;gap:6px;font-family:'Chivo Mono',monospace;font-size:13px;color:var(--muted)}
.old-contact b{color:var(--ink);font-weight:700;font-size:15px;letter-spacing:.04em}

.bench{position:absolute;z-index:1;top:0;bottom:0;right:0;left:67%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 28px 40px 52px;color:#E9ECE4}
.card{width:100%;max-width:280px;margin-top:0;animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.card h2{margin:0 0 20px;font-weight:800;font-stretch:125%;text-transform:uppercase;font-size:22px;line-height:1}
.label{display:block;margin-bottom:10px;font-family:'Chivo Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#9BA295}

/* Mercosul plate */
.plate{container-type:inline-size;position:relative;width:100%;aspect-ratio:400/130;background:#FBFBF8;border:2px solid #0B0D0A;border-radius:8px;
  box-shadow:0 1px 0 #fff inset,0 18px 30px -14px rgba(0,0,0,.7);overflow:hidden;cursor:text;transition:transform .15s}
.plate:focus-within{box-shadow:0 0 0 4px rgba(219,138,8,.45),0 18px 30px -18px rgba(26,29,25,.45)}
.plate.err{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
.band{position:absolute;inset:0 0 auto 0;height:24%;background:var(--blue);display:flex;align-items:center;justify-content:center;
  color:#fff;font-weight:700;font-stretch:100%;letter-spacing:.32em;font-size:max(12px,3.6cqw)}
.band .merco{position:absolute;left:4%;width:7%;height:62%;border-radius:2px;
  background:radial-gradient(circle at 40% 50%,#fff 0 1.5px,transparent 2px),radial-gradient(circle at 70% 30%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 70% 70%,#fff 0 1px,transparent 1.5px),#2A57C4}
.flag{position:absolute;right:4%;width:8%;height:62%;background:#1F8A3E;display:grid;place-items:center;border-radius:1px}
.flag::before{content:"";width:72%;height:72%;background:#F2C318;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.flag::after{content:"";position:absolute;width:30%;aspect-ratio:1;border-radius:50%;background:#1E3F94}
.br{position:absolute;left:4%;bottom:9%;font-family:'Chivo Mono',monospace;font-weight:700;font-size:12px;color:var(--ink);letter-spacing:.06em}
.chars{position:absolute;inset:24% 0 0 0;display:flex;align-items:center;justify-content:center;gap:.04em;
  font-weight:600;font-stretch:72%;font-size:20cqw;line-height:1;letter-spacing:.02em;pointer-events:none}
.chars span{display:inline-block;width:.6em;text-align:center}
.chars .ph{color:#C9CCC3}
.chars .on{color:var(--ink);animation:stamp .18s ease-out}
@keyframes stamp{from{transform:scale(1.35);opacity:.2}to{transform:none;opacity:1}}
.chars .caret{width:3px;height:.72em;background:var(--amber);margin-left:2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.plate input{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;cursor:text}
.hint{margin-top:6px;min-height:18px;font-family:'Chivo Mono',monospace;font-size:13px;color:#9BA295}
.hint.bad{color:#F08A5D}

.pass{display:flex;align-items:center;height:44px;background:#252923;border:2px solid #3E453B;padding:0 8px 0 16px;gap:12px}
.pass .dots{flex:1;font-family:'Chivo Mono',monospace;font-size:15px;letter-spacing:.28em;color:#E9ECE4}
.pass .ph{flex:1;font-size:14px;color:#7D8478}
.eye{border:0;background:transparent;height:36px;padding:0 10px;font-family:'Chivo Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9BA295;cursor:pointer}
.eye:hover{color:var(--lit)}

.go{margin-top:22px;width:100%;height:48px;border:0;background:var(--amber);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0 18px;
  font-family:'Archivo';font-weight:800;font-stretch:125%;text-transform:uppercase;font-size:16px;cursor:pointer;transition:background .15s,transform .1s}
.go:hover{background:#E99A1A}
.go:active{transform:translateY(2px)}
.go.load{background:#252923;color:var(--lit)}
.go .bar{flex:1;height:4px;margin:0 18px;background:rgba(245,194,77,.2);overflow:hidden}
.go .bar::after{content:"";display:block;height:100%;width:40%;background:var(--lit);animation:load 1s ease-in-out infinite}
@keyframes load{from{transform:translateX(-100%)}to{transform:translateX(260%)}}
.notice{margin-top:14px;padding:10px 12px;font-size:13px!important;border-left:4px solid var(--green);background:rgba(138,221,176,.08);font-size:15px;color:var(--green-l);animation:rise .3s both}

@media (max-width:1100px) and (min-width:861px){
  .edge{clip-path:polygon(calc(62% - 5px) 0,100% 0,100% 100%,calc(52% - 5px) 100%)}
  .trap{clip-path:polygon(62% 0,100% 0,100% 100%,52% 100%)}
  .bench{left:58%}
  .brand{width:50%;padding-left:40px}
}
@media (max-width:860px){
  .page{flex-direction:column;min-height:100vh}
  .edge{clip-path:polygon(0 calc(270px - 5px),100% calc(230px - 5px),100% 100%,0 100%)}
  .trap{clip-path:polygon(0 270px,100% 230px,100% 100%,0 100%)}
  .brand{width:auto;padding:30px 22px 0}
  .title{font-size:44px;margin-top:14px}
  .old-contact{display:none}
  .bench{position:relative;left:auto;width:auto;padding:130px 24px 40px;align-items:center}
  .card{max-width:420px}
  .card h2{font-size:26px}
  .mcontact{display:grid!important}
}
.mcontact{display:none;margin-top:36px;gap:4px;font-family:'Chivo Mono',monospace;font-size:13px;color:#9BA295}
.mcontact b{color:var(--lit)}

.logo{width:100%;max-width:600px;height:auto;aspect-ratio:662/286;object-fit:contain;margin:-4vh 0 9vh;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.45))}
@media (max-width:860px){.logo{width:100%;max-width:340px;margin:0 0 28px}}

.pin{flex:1;min-width:0;height:40px;border:0;background:transparent;color:#E9ECE4;font-family:'Archivo',sans-serif;font-size:16px;outline:none}
.pin::placeholder{color:#7D8478}
.pass:focus-within{border-color:var(--amber)}

a{color:inherit}
.foot{margin-top:auto;padding-top:48px;display:flex;align-items:center;gap:22px;font-family:'Chivo Mono',monospace;font-size:14px;color:var(--muted)}
.foot a{text-decoration:none}
.foot .talk b{color:var(--ink);letter-spacing:.03em}
.foot .talk:hover b{color:var(--rust)}
.foot .priv{border-bottom:1px dashed #9BA295;padding-bottom:1px}
.foot .priv:hover{color:var(--ink)}
.card.shake{animation:shake .35s}
.field{display:flex;align-items:center;height:46px;background:#252923;border:2px solid #3E453B;padding:0 8px 0 16px;gap:12px;transition:border-color .15s}
.field:focus-within{border-color:var(--amber)}
.field.bad{border-color:#E0694A}
.field + .lrow,.field + .label{margin-top:16px}
.lrow{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px}
.lrow .label{margin-bottom:10px}
.forgot{font-size:13px;color:var(--lit);text-decoration:none;border-bottom:1px dashed rgba(245,194,77,.5)}
.forgot:hover{border-bottom-style:solid}
.pin.mono{font-family:'Chivo Mono',monospace;letter-spacing:.04em}
.pass{padding-right:8px}
.msg{min-height:0;max-height:0;overflow:hidden;margin-top:0;font-size:14px;color:#F4A58A;transition:all .2s}
.msg.on{max-height:40px;margin-top:12px;padding-left:10px;border-left:3px solid #E0694A}
.go{margin-top:18px}
.create{margin-top:12px;display:flex;align-items:center;justify-content:center;height:46px;border:2px solid #5E655B;color:#E9ECE4;text-decoration:none;
  font-weight:800;font-stretch:125%;text-transform:uppercase;font-size:14px;transition:border-color .15s,color .15s}
.create:hover{border-color:var(--lit);color:var(--lit)}
.alts{margin-top:22px;padding-top:16px;border-top:1px solid #33372F;display:grid;gap:10px;justify-items:start}
.biz{font-weight:700;font-size:15px;color:#E9ECE4;text-decoration:none}
.biz:hover{color:var(--lit)}
.old{border:0;background:none;padding:0;font:13px 'Archivo';color:#9BA295;cursor:pointer;border-bottom:1px dotted #5E655B}
.old:hover{color:#C9CEC4}
.back{border:0;background:none;padding:0;margin-bottom:14px;font-family:'Chivo Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--lit);cursor:pointer}
.temp{margin:14px 0 0;font-size:13px;line-height:1.45;color:#9BA295;padding:9px 11px;background:rgba(245,194,77,.06);border-left:3px solid var(--amber)}
.mfoot{display:none;margin-top:36px;gap:6px;font-family:'Chivo Mono',monospace;font-size:13px;color:#9BA295}
.mfoot a{text-decoration:none}.mfoot b{color:var(--lit)}
.mfoot a:last-child{border-bottom:1px dashed #5E655B;justify-self:start}
.card{max-width:320px}
.logo{margin:-4vh 0 6vh}
@media (max-width:860px){.mfoot{display:grid}.foot{display:none}}

/* pista 3D atrás do título */
.car3d{position:absolute;left:0;top:250px;bottom:64px;width:68%;z-index:0}
.brand{pointer-events:none}.brand a,.brand .credw{pointer-events:auto}
.foot{flex-wrap:wrap;row-gap:6px;position:relative;z-index:1}
@media (max-width:860px){.car3d{display:none}}
.credw{position:relative;display:inline-flex;outline:none}
.credb{font-family:'Chivo Mono',monospace;font-size:14px;color:#5E655B;border-bottom:1px dashed #9BA295;cursor:default}
.credp{position:absolute;left:0;bottom:calc(100% + 10px);width:max-content;display:grid;gap:4px;padding:12px 14px;background:#1A1D19;color:#C9CEC4;font-size:13px;line-height:1.35;box-shadow:0 10px 24px rgba(26,29,25,.25);opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:5}
.credp::after{content:"";position:absolute;left:18px;top:100%;border:6px solid transparent;border-top-color:#1A1D19}
.credp b{font-family:'Chivo Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--lit);font-weight:400}
.credp a{color:#F3F4EF;text-decoration:none}.credp a:hover{text-decoration:underline}
.credw:hover .credp,.credw:focus-within .credp{opacity:1;transform:none;pointer-events:auto}
.msg.on{max-height:90px;line-height:1.4}
.inl{display:inline;margin-left:6px;border:0;background:none;padding:0;font:inherit;color:var(--lit);cursor:pointer;text-decoration:none;border-bottom:1px dashed rgba(245,194,77,.6)}
/* botão = mini árvore de luzes */
.go .tree{display:flex;gap:7px;margin-left:16px}
.go .tree i{width:10px;height:10px;border-radius:50%;background:#4A4232}
.go .tree i:nth-child(1){animation:amb 1.75s steps(1) both .2s}
.go .tree i:nth-child(2){animation:amb 1.75s steps(1) both .7s}
.go .tree i:nth-child(3){animation:amb 1.75s steps(1) both 1.2s}
@keyframes amb{0%{background:#F5A20A;box-shadow:0 0 8px #F5A20A}28%,100%{background:#4A4232;box-shadow:none}}
.go.ok{background:#2F6B4A;color:#E9F7EE;cursor:default}
.go.lock{background:#3A2A24;color:#F4A58A;cursor:not-allowed}
.again{margin-top:12px}
.car3d{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%),linear-gradient(to right,transparent 0,#000 8%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 82%,transparent 100%),linear-gradient(to right,transparent 0,#000 8%);mask-composite:intersect}
.forgot,.biz,.priv,.mpriv{border:0;background:none;padding:0;cursor:pointer;font:inherit}
.forgot{font:13px 'Archivo';color:var(--lit);border-bottom:1px dashed rgba(245,194,77,.5)}
.biz{font:700 15px 'Archivo';color:#E9ECE4;text-align:left}
.foot .priv{font-family:'Chivo Mono',monospace;font-size:14px;color:var(--muted);border-bottom:1px dashed #9BA295;padding-bottom:1px}
.mpriv{font-family:'Chivo Mono',monospace;font-size:13px;color:#9BA295;border-bottom:1px dashed #5E655B;justify-self:start}
.brand button,.brand .credw{pointer-events:auto}
.demob{color:var(--rust);border-bottom-color:var(--rust);cursor:pointer}
.demop{min-width:250px}
.demop button{display:flex;justify-content:space-between;gap:18px;width:100%;border:0;background:#252923;color:#F3F4EF;font:600 14px 'Archivo';padding:8px 10px;cursor:pointer;text-align:left}
.demop button:hover{background:var(--amber);color:var(--ink)}
.demop button i{font-style:normal;font-family:'Chivo Mono',monospace;font-size:12px;color:#9BA295}
.demop button:hover i{color:var(--ink)}
.demow{margin-left:auto}
.car3d{top:0;bottom:0;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 6%);mask-image:linear-gradient(to right,transparent 0,#000 6%);-webkit-mask-composite:source-over;mask-composite:add}
.car3d{-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent 95%),linear-gradient(to right,transparent 0,#000 6%);mask-image:linear-gradient(to bottom,#000 80%,transparent 95%),linear-gradient(to right,transparent 0,#000 6%);-webkit-mask-composite:source-in;mask-composite:intersect}

}
@media (max-width:860px){
:root{--bench:#E4E7DF;--ink:#1A1D19;--amber:#DB8A08;--lit:#F5C24D;--green:#2F6B4A;--green-l:#8ADDB0;--rust:#8F4520;--muted:#5E655B}
*{box-sizing:border-box}
html,body,#root{margin:0;min-height:100%}
body{font-family:'Archivo',sans-serif;color:var(--ink);background:var(--bench)}
.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:72px;padding:32px;
  background-color:var(--bench);background-image:repeating-linear-gradient(135deg,rgba(26,29,25,.045) 0 1px,transparent 1px 14px)}
.side{width:300px}
.kicker,.m-kicker{font-family:'Chivo Mono',monospace;font-weight:700;font-size:13px;letter-spacing:.14em;color:var(--rust);text-transform:uppercase}
.ptitle{margin:16px 0 0;font-weight:800;font-stretch:125%;text-transform:uppercase;line-height:.92;font-size:56px}
.ptitle span{display:block;color:var(--amber)}
.pnote{margin:18px 0 0;font-size:16px;line-height:1.5;color:var(--muted)}
.demo{margin-top:28px;display:grid;gap:6px}
.demo b{font-family:'Chivo Mono',monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--rust);font-weight:700;margin-bottom:4px}
.demo button{display:flex;justify-content:space-between;gap:16px;border:0;background:var(--ink);color:#F3F4EF;font:600 15px 'Archivo';padding:11px 14px;cursor:pointer;text-align:left}
.demo button:hover{background:var(--amber);color:var(--ink)}
.demo button i{font-style:normal;font-family:'Chivo Mono',monospace;font-size:12px;color:#CED5C8}
.demo button:hover i{color:var(--ink)}

/* celular */
.phone{position:relative;width:410px;height:864px;max-height:calc(100vh - 40px);border-radius:52px;background:#0E100D;padding:10px;box-shadow:0 30px 60px -20px rgba(26,29,25,.55)}
.notch{position:absolute;top:18px;left:50%;transform:translateX(-50%);width:110px;height:28px;border-radius:16px;background:#0E100D;z-index:3}
.screen{width:100%;height:100%;border-radius:42px;overflow-y:auto;overflow-x:hidden;background:var(--bench);scrollbar-width:none;
  background-image:repeating-linear-gradient(135deg,rgba(26,29,25,.045) 0 1px,transparent 1px 14px)}
.screen::-webkit-scrollbar{display:none}
.m-top{padding:22px 22px 0;text-align:center}
.m-top .m-kicker{margin-top:6px;font-size:12px;letter-spacing:.16em}
.m-title{margin-top:10px;font-weight:800;font-stretch:125%;text-transform:uppercase;line-height:.9;font-size:42px}
.m-title span{display:block;color:var(--amber)}
.m-scene{margin-top:6px}
.drag2d{display:block;width:100%;height:auto}
.m-dark{position:relative;margin-top:-16px;padding:52px 24px 34px;background:var(--ink);color:#E9ECE4;
  clip-path:polygon(0 30px,100% 0,100% 100%,0 100%)}
.m-dark::before{content:"";position:absolute;inset:0 0 auto 0;height:36px;background:var(--amber);clip-path:polygon(0 30px,100% 0,100% 6px,0 36px);transform:translateY(-1px)}
.m-logo{display:block;width:190px;max-width:60%;height:auto;margin:0 auto;filter:brightness(.1)}
.m-card h2{margin:0 0 18px;font-weight:800;font-stretch:125%;text-transform:uppercase;font-size:26px;line-height:1}
.label{display:block;margin-bottom:10px;font-family:'Chivo Mono',monospace;font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#A9B0A3}
.field{display:flex;align-items:center;height:48px;background:#252923;border:2px solid #3E453B;padding:0 8px 0 16px;gap:12px;transition:border-color .15s}
.field:focus-within{border-color:var(--amber)}.field.bad{border-color:#E0694A}
.pin{flex:1;min-width:0;height:40px;border:0;background:transparent;color:#E9ECE4;font:16px 'Archivo';outline:none}
.pin::placeholder{color:#7D8478}
.eye{border:0;background:transparent;height:36px;padding:0 10px;font-family:'Chivo Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#A9B0A3;cursor:pointer}
.lrow{display:flex;align-items:baseline;justify-content:space-between;margin-top:16px}
.forgot{font-size:14px;color:var(--lit);border-bottom:1px dashed rgba(245,194,77,.5)}
.msg{max-height:0;overflow:hidden;font-size:14px;color:#F4A58A;transition:all .2s}
.msg.on{max-height:90px;margin-top:12px;padding-left:10px;border-left:3px solid #E0694A;line-height:1.4}
.inl{display:inline;margin-left:6px;border:0;background:none;padding:0;font:inherit;color:var(--lit);cursor:pointer;border-bottom:1px dashed rgba(245,194,77,.6)}
.go{margin-top:18px;width:100%;height:50px;border:0;background:var(--amber);color:var(--ink);display:flex;align-items:center;justify-content:center;
  font:800 16px 'Archivo';font-stretch:125%;text-transform:uppercase;cursor:pointer}
.go.load{background:#252923;color:var(--lit)}
.go.ok{background:var(--green);color:#E9F7EE}
.go.lock{background:#3A2A24;color:#F4A58A}
.go .tree{display:flex;gap:7px;margin-left:16px}
.go .tree i{width:10px;height:10px;border-radius:50%;background:#4A4232}
.go .tree i:nth-child(1){animation:amb 1.75s steps(1) both .2s}
.go .tree i:nth-child(2){animation:amb 1.75s steps(1) both .7s}
.go .tree i:nth-child(3){animation:amb 1.75s steps(1) both 1.2s}
@keyframes amb{0%{background:#F5A20A;box-shadow:0 0 8px #F5A20A}28%,100%{background:#4A4232;box-shadow:none}}
.notice{margin-top:14px;padding:10px 12px;font-size:14px;border-left:4px solid var(--green);background:rgba(138,221,176,.08);color:var(--green-l)}
.create{margin-top:12px;display:flex;align-items:center;justify-content:center;height:48px;border:2px solid #5E655B;font:800 14px 'Archivo';font-stretch:125%;text-transform:uppercase}
.alts{margin-top:22px;padding-top:16px;border-top:1px solid #33372F;display:grid;gap:10px;justify-items:start}
.biz{font-weight:700;font-size:15px}
.old{border:0;background:none;padding:0;font:14px 'Archivo';color:#A9B0A3;cursor:pointer;border-bottom:1px dotted #5E655B}
.again{margin-top:12px}
.m-foot{margin-top:34px;display:grid;gap:10px;font-family:'Chivo Mono',monospace;font-size:13px;color:#A9B0A3}
.m-foot a{color:inherit;text-decoration:none}.m-foot b{color:var(--lit)}
.m-cred{font-size:12px;line-height:1.5;color:#8E9489}
.shake{animation:shake .35s}
@keyframes shake{25%{transform:translateX(-6px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media (max-width:860px){.side{display:none}.stage{padding:0}.phone{width:100%;height:100vh;max-height:none;border-radius:0;padding:0;box-shadow:none}.notch{display:none}.screen{border-radius:0}}

/* teclado aberto: logo some, animação presa no topo em tamanho menor, formulário rola por baixo */
.teclado .m-top{display:none}
.teclado .m-scene{position:sticky;top:0;z-index:5;height:var(--cena,170px);overflow:hidden;margin:0;background:var(--bench);border-bottom:4px solid var(--amber);
  background-image:repeating-linear-gradient(135deg,rgba(26,29,25,.045) 0 1px,transparent 1px 14px)}
.teclado .m-scene .drag2d{height:100%}
.teclado .m-dark{margin-top:0;clip-path:none;padding-top:22px;padding-bottom:75vh}
.teclado .m-dark::before{display:none}

}
button{font-family:inherit}.cap{display:flex;justify-content:center;margin:10px 0 0}.cap:empty{display:none}
@media (max-width:860px){.m-card .forgot{border:0;background:none;padding:0;font:inherit;font-size:13px}.m-foot{display:grid;gap:6px}}