:root { font-family: Satoshi, Arial, sans-serif; color: #f4f7f8; background: #00141f; }
body { margin: 0; }
main { max-width: 420px; margin: 10vh auto; padding: 32px; background: #061b28; border-radius: 12px; }
img { width: 64px; height: 64px; }
h1 { font-size: 24px; }
p { color: #96e01e; }
label { display: block; color: #bec9d0; }
input { display: block; width: 100%; box-sizing: border-box; margin: 12px 0; padding: 12px; color: #f4f7f8; background: #0b1f2d; border: 1px solid #9caab5; font: inherit; }
button { padding: 12px 24px; background: #96e01e; color: #00141f; border: 0; font: inherit; cursor: pointer; }
input:focus-visible, button:focus-visible { outline: 3px solid #ebeb00; outline-offset: 2px; }