html:root body.md-contact-page {display:flex;flex-direction:column;min-height:100dvh;height:auto;overflow:auto;background:var(--background);color:var(--foreground);}
.md-contact-header {display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:24px 32px;font-size:14px;}
.md-contact-header a {display:inline-flex;align-items:center;gap:6px;color:var(--muted-foreground);text-decoration:none;}
.md-contact-header a:hover {color:var(--foreground);}
.md-contact-header svg {width:18px;height:18px;}
.md-contact-main {display:grid;place-items:center;flex:1;padding:28px 24px 72px;width:100%;}
.md-contact-card {width:100%;max-width:520px;}
.md-contact-icon {display:grid;place-items:center;width:48px;height:48px;margin-bottom:22px;border-radius:14px;background:color-mix(in srgb,var(--primary) 10%,var(--card));color:var(--primary);}
.md-contact-icon svg {width:25px;height:25px;}
html:root body.md-contact-page h1 {font-family:var(--font-editorial);font-size:40px;font-weight:400;line-height:1.2;margin:0 0 12px;letter-spacing:-.02em;}
.md-contact-intro {font-size:16px;line-height:1.6;color:var(--muted-foreground);margin:0 0 32px;}
.md-contact-form {display:flex;flex-direction:column;gap:12px;}
.md-contact-form label {font-size:14px;font-weight:600;}
html:root body .md-contact-form textarea {display:block;width:100%;min-height:164px;max-height:380px;resize:vertical;padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--foreground);font:inherit;font-size:16px;line-height:1.6;box-sizing:border-box;}
.md-contact-form textarea::placeholder {color:var(--muted-foreground);}
.md-contact-form textarea:disabled {opacity:.65;cursor:not-allowed;}
.md-contact-status {margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--muted-foreground);}
html:root body .md-contact-send {display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 20px;border:0;border-radius:10px;background:var(--primary);color:var(--primary-foreground);font:inherit;font-size:15px;font-weight:600;cursor:pointer;}
.md-contact-send svg {width:18px;height:18px;}
html:root body .md-contact-send:disabled {opacity:.45;cursor:not-allowed;}
.md-contact-form textarea:focus-visible,.md-contact-send:focus-visible,.md-contact-header a:focus-visible {outline:2px solid var(--ring);outline-offset:3px;}
@media(max-width:520px) {.md-contact-header {padding:20px;}.md-contact-main {padding:24px 20px 48px;align-items:start;}html:root body.md-contact-page h1 {font-size:34px;}}