:root { --dark:#241a2b; --violet:#8168ff; --apricot:#ffad8a; --paper:#f7f3ee; --card:#fdfbf8; --ink:#241a2b; --muted:#6e6571; --line:#dcd5dc; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
main { width:min(760px,calc(100% - 40px)); margin:0 auto; padding:64px 0 90px; }
.back { display:inline-block; margin-bottom:45px; color:#6750d7; font-weight:800; text-underline-offset:4px; }
h1 { margin:0 0 38px; font-size:clamp(2.7rem,7vw,5rem); line-height:.95; letter-spacing:-.065em; }
h2 { margin:42px 0 12px; font-size:1.35rem; letter-spacing:-.025em; }
p,dd { color:var(--muted); }
dl { display:grid; grid-template-columns:190px 1fr; margin:0; border-top:1px solid var(--line); }
dt,dd { margin:0; padding:17px 0; border-bottom:1px solid var(--line); }
dt { padding-right:22px; font-weight:800; }
a { color:#5d46cf; }
.contact-card { padding:28px; background:var(--card); border:1px solid var(--line); box-shadow:10px 10px 0 var(--apricot); }
.contact-card p:last-child { margin-bottom:0; }
.mail-link { font-size:clamp(1.2rem,4vw,1.7rem); font-weight:850; letter-spacing:-.03em; }
a:focus-visible { outline:3px solid var(--violet); outline-offset:4px; }
@media (max-width:600px) { main { padding-top:40px; } dl { grid-template-columns:1fr; } dt { padding-bottom:4px; border-bottom:0; } dd { padding-top:0; } }