:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e2c47;background:#f5f7fa}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;padding:28px 18px}
main{width:min(100%,620px);padding:36px;border:1px solid #d8e4ee;border-radius:18px;background:#fff;box-shadow:0 10px 38px #1e2c470a}
.brand{margin:0 0 26px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#546c83}
h1{margin:0 0 14px;font-size:clamp(25px,5vw,34px);line-height:1.18;letter-spacing:-.03em}
p{font-size:16px;line-height:1.65;margin:0 0 18px}
.code{padding:18px;border:1px solid #d8e5ef;border-radius:12px;background:#f2f7fb;margin:22px 0}
.code span{display:block;font-size:13px;margin-bottom:7px;color:#536b82}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:21px;font-weight:700;overflow-wrap:anywhere}
.note{margin:0;color:#5f7083;font-size:13px;border-top:1px solid #e6edf3;padding-top:18px}
@media(max-width:440px){main{padding:25px 21px}}