:root { --bg: #030303; --fg: #ededed; --muted: #8a8a8a; --line: #2a2a2a; }
* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg); color: var(--fg); }
body { font: 17px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; width: min(640px, 100% - 48px); margin: 0 auto; padding: 18vh 0 48px; }
h1 { font-size: clamp(34px, 6vw, 52px); line-height: 1.08; font-weight: 600; letter-spacing: -.02em; margin: 0 0 32px; }
p { margin: 0 0 20px; color: #c9c9c9; }
.contact { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 8px 28px; }
a { color: var(--fg); text-decoration: none; border-bottom: 1px solid var(--line); padding-bottom: 2px; }
a:hover, a:focus-visible { border-color: var(--fg); outline: none; }