:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #f7f7f4; color: #191b1f; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 24px; }
main { width: min(100%, 440px); }
.brand { font-size: 14px; font-weight: 700; letter-spacing: 0; color: #36624a; margin-bottom: 18px; }
h1 { font-size: 30px; line-height: 1.12; margin: 0 0 14px; letter-spacing: 0; }
p { margin: 0 0 20px; color: #4b5560; line-height: 1.45; }
button { width: 100%; min-height: 52px; border: 0; border-radius: 8px; background: #1f4f3b; color: white; font: inherit; font-weight: 700; padding: 14px 16px; }
button.secondary { background: #eceee8; color: #1f2933; }
button:disabled { opacity: .6; }
.status { min-height: 24px; margin-top: 14px; color: #8a2635; font-size: 15px; }
.shell { align-self: stretch; }
.name { font-size: 22px; font-weight: 700; margin: 4px 0 28px; overflow-wrap: anywhere; }