/* Tema Runne View 0.2.0 (cores e fontes) + forma da Runne View 0.3.0 (raio 10px, sem borda). */
:root{
  --navy:#050914; --navy-soft:#0b1630; --cobalt:#245cff; --royal:#0f43d9; --acc:#8fb0ff;
  --txt:#f7faff; --txt-2:#c8d3e3; --focus:#2d6bff; --erro:#f1a59a;
  --placa:rgba(5,9,20,.72); --campo:rgba(11,22,48,.88); --campo-h:rgba(20,36,74,.92);
  --chip:rgba(11,22,48,.88); --chip-h:rgba(28,48,96,.95);
  --r:10px; --rapido:180ms;
  --display:"Sora",Inter,system-ui,sans-serif; --corpo:Inter,system-ui,sans-serif;
}
@media (prefers-reduced-motion:reduce){:root{--rapido:0ms}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--navy);color:var(--txt);font-family:var(--corpo);-webkit-font-smoothing:antialiased}
#fundo{position:fixed;inset:0;width:100%;height:100%;z-index:0;display:block}
main{position:relative;z-index:1;max-width:520px;margin:0 auto;padding:28px 16px calc(36px + env(safe-area-inset-bottom))}
.logo{display:block;width:168px;height:auto;margin:4px auto 24px}
h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.01em}
.placa{background:var(--placa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r);padding:22px 18px}
.bt{font:inherit;font-size:16px;font-weight:600;border:0;border-radius:var(--r);min-height:52px;padding:0 20px;cursor:pointer;color:var(--txt);background:var(--cobalt);transition:background var(--rapido);display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;width:100%}
.bt:hover{background:var(--royal)}
.bt:active{background:#0a2f9e}
.bt:disabled{opacity:.4;cursor:not-allowed}
.bt.sec{background:var(--chip)}
.bt.sec:hover{background:var(--chip-h)}
.bt.sec:active{background:var(--navy-soft)}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}