.contact-page .nav-link[aria-current="page"] { color:var(--red); }
.contact-layout { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; min-height:calc(100svh - 88px); padding-top:160px; padding-bottom:90px; }
.contact-intro h1 { font-size:clamp(36px,3.7vw,54px); line-height:1.12; letter-spacing:-.04em; margin:22px 0 26px; }
.contact-intro > p { color:var(--paper-dim); font-size:17px; line-height:1.75; max-width:465px; }
.contact-note { display:flex; gap:9px; align-items:center; margin-top:34px; font:11px var(--font-mono); color:var(--paper-dim); }
.contact-note span { height:7px; width:7px; border-radius:50%; background:#f3b4cf; flex-shrink:0; }
.contact-panel { border:1px solid var(--line); border-radius:20px; background:var(--surface); padding:24px 38px; box-shadow:0 15px 45px #7e294f05; min-width:0; }
.contact-row { display:grid; grid-template-columns:38px minmax(0,1fr); gap:16px; padding:25px 0; }
.contact-row + .contact-row { border-top:1px solid var(--line); }
.contact-icon { display:grid; place-items:center; width:38px; height:38px; background:var(--surface-2); border:1px solid var(--line); border-radius:11px; color:var(--red); }
.contact-icon svg { width:18px; height:18px; }
.developer-icon { color:var(--violet); }
.privacy-icon { color:var(--amber); }
.contact-row h2 { font:10px var(--font-mono); font-weight:400; color:var(--paper-dim); text-transform:uppercase; letter-spacing:.1em; margin:2px 0 9px; }
.contact-row h3 { font-size:15px; font-weight:500; margin:0 0 7px; }
.contact-email { display:inline-block; font:clamp(13px,1.3vw,16px) var(--font-mono); text-decoration:underline; text-decoration-color:var(--red); text-underline-offset:4px; overflow-wrap:anywhere; max-width:100%; margin-bottom:8px; }
.contact-row p { font-size:13px; line-height:1.75; color:var(--paper-dim); }
.contact-row p a { text-decoration:underline; text-underline-offset:3px; white-space:nowrap; }
.contact-row a:hover { color:var(--red); }
.contact-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:26px; padding-bottom:26px; border-top:1px solid var(--line); font-size:11px; }
@media(max-width:1000px) { .contact-layout { gap:38px; } .contact-panel { padding:18px 24px; } }
@media(max-width:760px) { .contact-layout { grid-template-columns:1fr; gap:35px; padding-top:125px; padding-bottom:55px; min-height:0; } .contact-intro h1 { font-size:42px; } .contact-intro > p { max-width:100%; } .contact-footer { flex-wrap:wrap; } }
@media(max-width:420px) { .contact-intro h1 { font-size:36px; } .contact-panel { padding:14px 20px; } .contact-row { grid-template-columns:30px minmax(0,1fr); gap:12px; } .contact-icon { width:30px; height:32px; } .contact-email { font-size:12px; } }