@font-face{font-family:'Archivo';font-weight:400;src:url('/fonts/archivo-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:600;src:url('/fonts/archivo-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Archivo';font-weight:700;src:url('/fonts/archivo-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Plex Mono';font-weight:500;src:url('/fonts/ibm-plex-mono-latin-500-normal.woff2') format('woff2')}
:root{
  --fundo:#141019;--painel:#1C1724;--painel2:#241D2F;--linha:#372E45;--linha-forte:#4A3E5C;
  --texto:#F0EBF7;--suave:#A79CBC;--ténue:#6F6484;--acento:#FFC42E;--acento-tinta:#1A1420;--erro:#F87171;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  min-height:100vh;display:grid;place-items:center;padding:24px;
  background:radial-gradient(90% 60% at 50% 0%, #1E1729 0%, var(--fundo) 70%);
  color:var(--texto);font:400 14px/1.45 'Archivo',-apple-system,Segoe UI,sans-serif;
}
form{
  width:min(360px,100%);background:var(--painel);border:1px solid var(--linha-forte);
  border-radius:14px;padding:28px;box-shadow:0 26px 70px rgba(0,0,0,.5);
  display:flex;flex-direction:column;gap:7px;
}
.marca{display:flex;align-items:center;gap:11px;margin-bottom:20px}
.marca .ponto{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 34% 30%,#FFE27A,var(--acento) 70%);box-shadow:0 0 0 5px rgba(255,196,46,.14)}
.marca b{font-size:19px;letter-spacing:-.01em;display:block}
.marca small{font:500 10px/1 'Plex Mono',monospace;color:var(--ténue);letter-spacing:.14em;text-transform:uppercase;display:block;margin-top:3px}
label{font:600 10.5px/1 'Plex Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--ténue);margin-top:11px}
input{
  height:40px;padding:0 12px;border-radius:8px;background:var(--painel2);
  border:1px solid var(--linha);color:var(--texto);font:inherit;
}
input:focus{border-color:var(--acento);outline:0}
.ajuda{font-size:11.5px;color:var(--ténue);margin-top:-2px}
button{
  margin-top:20px;height:42px;border:0;border-radius:8px;background:var(--acento);
  color:var(--acento-tinta);font:700 14px/1 'Archivo',sans-serif;cursor:pointer;
}
button:hover{background:#FFD25C}
button:disabled{opacity:.6;cursor:progress}
.erro{margin-top:12px;padding:9px 12px;border-radius:7px;background:rgba(248,113,113,.12);border:1px solid rgba(248,113,113,.35);color:#FFD9D9;font-size:13px}