html, body { margin: 0; height: 100%; background: #04070c; color: #e9fdff; font-family: 'Share Tech Mono', ui-monospace, Consolas, monospace; }
body { display: grid; place-items: center; background: radial-gradient(ellipse at 50% 40%, rgba(232,161,58,.10), transparent 60%), #04070c; }
#porta { display: flex; flex-direction: column; gap: 10px; width: min(320px, 86vw); padding: 26px 24px 18px; border: 1px solid rgba(232,161,58,.45);
  background: rgba(10,16,24,.85); box-shadow: 0 0 30px rgba(232,161,58,.10); }
h1 { margin: 0 0 8px; font-family: 'Orbitron', sans-serif; font-weight: 700; font-size: 18px; letter-spacing: .32em; color: #e8a13a; text-align: center; }
input { font: inherit; font-size: 13px; letter-spacing: .08em; padding: 9px 10px; color: #e9fdff; background: rgba(34,230,255,.04); border: 1px solid rgba(34,230,255,.3); outline: none; }
input:focus { border-color: #e8a13a; }
button { font-family: 'Orbitron', sans-serif; font-size: 11px; letter-spacing: .2em; padding: 9px; margin-top: 4px; cursor: pointer; color: #04070c; background: #e8a13a; border: 0; }
button:disabled { opacity: .6; cursor: default; }
#erro { min-height: 16px; margin: 2px 0 0; font-size: 11.5px; color: #ff7a7a; text-align: center; }