body { margin: 0; background: #0b1018; color: #eef3fc; font: 17px/1.55 system-ui, sans-serif; }
main { max-width: 580px; margin: 5vh auto; padding: 28px; }
a { color: #91c9ff; }
h1 { font-size: 30px; }
h2 { font-size: 23px; }
button, input { font: inherit; border-radius: 6px; padding: 12px 16px; margin: 8px 8px 8px 0; }
button { background: #a2d1ff; color: #091629; border: 0; cursor: pointer; }
button:disabled { opacity: .5; cursor: wait; }
button.secondary { background: #26364b; color: white; }
input { display: block; box-sizing: border-box; width: 100%; border: 1px solid #60748e; }
ul { padding: 0; list-style: none; }
li { padding: 16px 0; border-bottom: 1px solid #34435a; }
[hidden] { display: none !important; }