:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #10131d; color: #edf0f8; } body { margin: 0; min-height: 100vh; display: grid; place-items: center; } .panel { width: min(42rem, calc(100% - 3rem)); padding: 2.5rem; border: 1px solid #46516e; border-radius: 1rem; background: #1a2030; } .eyebrow { color: #91a4d8; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; } a { color: #b9c8ff; }
form { display: grid; gap: 1rem; } label { display: grid; gap: .35rem; font-weight: 600; } input, button { font: inherit; padding: .65rem; border-radius: .35rem; } button { cursor: pointer; }