:root { color-scheme: light dark; font-family:system-ui,sans-serif; background:light-dark(#f5f5f4,#1e1f22); color:light-dark(#252525,#eee); }
body { margin:0; padding:24px; min-height:100vh; box-sizing:border-box; display:grid; place-items:center; }
main { box-sizing:border-box; width:min(100%,460px); padding:32px; border:1px solid light-dark(#ddd,#48494c); border-radius:10px; background:light-dark(#fff,#28292c); }
h1 { font-size:23px; line-height:1.35; margin:0 0 16px; }
p { font-size:15px; line-height:1.6; margin:0 0 24px; }
button { font:inherit; padding:11px 16px; border:1px solid light-dark(#2c51bc,#9db7ff); background:transparent; color:light-dark(#2c51bc,#b0c5ff); border-radius:5px; cursor:pointer; }
button:focus-visible { outline:2px solid currentColor; outline-offset:4px; }