:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #16181d; background: #f5f5f2; }
* { box-sizing: border-box; }
body { min-height: 100vh; margin: 0; display: grid; grid-template-rows: 1fr auto; padding: 2rem; background: radial-gradient(circle at 50% 20%, #fff 0, #f5f5f2 55%, #ecece7 100%); }
.card { width: min(100%, 680px); align-self: center; justify-self: center; padding: clamp(2rem, 8vw, 5rem); background: rgba(255,255,255,.74); border: 1px solid #dfdfda; box-shadow: 0 18px 60px rgba(20, 23, 28, .07); }
.eyebrow { margin: 0 0 1.25rem; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #6a6d73; }
h1 { overflow-wrap: anywhere; margin: 0; font-size: clamp(2rem, 6vw, 3.8rem); font-weight: 650; letter-spacing: -.055em; line-height: 1.04; }
.rule { width: 2.5rem; height: 2px; margin: 2.5rem 0; background: #16181d; }
p { max-width: 36rem; font-size: 1.04rem; line-height: 1.7; }
.notice { color: #565a61; }
.contact { display: inline-flex; gap: .8rem; align-items: center; margin-top: 1.5rem; padding-bottom: .32rem; color: inherit; border-bottom: 1px solid currentColor; text-decoration: none; font-size: .92rem; font-weight: 650; }
.contact:hover, .contact:focus-visible { color: #465f8c; }
footer { justify-self: center; margin-top: 2rem; color: #777a80; font-size: .76rem; }
@media (max-width: 480px) { body { padding: 1.25rem; } .card { padding: 2rem 1.5rem; } }