.contact-shell { max-width: 760px; padding: 2rem 1rem; margin: 0 auto; }
.contact-panel { padding: clamp(1.25rem,4vw,2.5rem); border: 1px solid var(--line); border-radius: 24px; background: var(--panel); box-shadow: var(--shadow); }
.contact-panel h1 { font-size: clamp(2rem,6vw,3rem); line-height: 1.15; margin: 0 0 1rem; }
.contact-panel p { line-height: 1.65; }
.contact-panel form { display: grid; gap: .7rem; margin-top: 1.5rem; }
.contact-panel label { font-weight: 650; }
.contact-panel input, .contact-panel textarea { width: 100%; min-width: 0; border: 1px solid #adcce9; border-radius: 8px; padding: .8rem; background: #fff; color: #183965; font: inherit; }
.contact-panel textarea { resize: vertical; }
.contact-panel :is(input,textarea,button):focus-visible { outline: 3px solid #bceaff; outline-offset: 3px; }
.contact-hint { font-size: .85rem; color: var(--muted); margin: .2rem 0; }
.contact-panel a { color: #fff; text-decoration: underline; }
.contact-honey { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.contact-error, .contact-success { padding: 1rem; border: 1px solid; border-radius: 8px; }
.contact-error { background: #622e3a; color: #fff; }
.contact-success { background: #164e49; color: #fff; }