* { box-sizing: border-box; }
html { color: #183328; background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", sans-serif; }
body { margin: 0; }
main { position: relative; isolation: isolate; display: grid; place-items: center; min-height: 100vh; min-height: 100svh; padding: 3rem 1.5rem; }
main::before { content: ""; position: absolute; z-index: -1; inset: 0; background: url('/assets/bsides-taiwan-old-streets.png') center / min(1100px, 100%) auto no-repeat; opacity: .14; pointer-events: none; }
.message { width: 100%; max-width: 680px; text-align: center; }
h1 { margin: 0 0 2rem; color: #385e46; font-size: clamp(2.75rem, 7vw, 5rem); font-weight: 700; line-height: 1.1; letter-spacing: -.045em; }
p { margin: 0; font-size: clamp(1rem, 2vw, 1.2rem); line-height: 1.85; text-wrap: pretty; }
p + p { margin-top: 1.2rem; }
.contact { margin-top: 2rem; }
.contact a { color: #385e46; text-underline-offset: .2em; }
.contact a:focus-visible { outline: 2px solid currentColor; outline-offset: .3em; }