* { box-sizing: border-box; border: 0 solid #e5e7eb; }
html { line-height: 1.5; -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; background: #f3f4f6; display: flex; align-items: center; justify-content: center; min-height: 100vh; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
main { background: #fff; padding: 2rem; border-radius: .5rem; box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1); text-align: center; max-width: 32rem; width: 100%; margin: 1rem; }
.icon { margin-bottom: 1.5rem; }
svg { display: block; width: 5rem; height: 5rem; color: #3b82f6; margin: 0 auto; }
h1 { margin: 0 0 1rem; font-size: 1.5rem; font-weight: 700; color: #1f2937; line-height: 1.375; }
p { margin: 0; font-size: 1.125rem; color: #4b5563; line-height: 1.625; }
@media (min-width: 768px) { main { padding: 3rem; } h1 { font-size: 1.875rem; line-height: 2.25rem; } p { font-size: 1.25rem; line-height: 1.75rem; } }