.contact-form-container{max-width:42rem;margin:0 auto}.contact-form{background:var(--color-paper-2);border-radius:var(--radius-card);border:1px solid var(--color-rule);padding:2rem}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-ink);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input,.form-textarea{border:1px solid var(--color-rule);border-radius:var(--radius-input);width:100%;min-height:2.75rem;transition:border-color .2s var(--ease-out);background:var(--color-paper);color:var(--color-ink);font-size:1rem;font-family:var(--font-body);padding:.75rem 1rem}.form-input:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-color:var(--color-focus)}.form-textarea{resize:vertical;min-height:150px}.form-error{color:var(--color-red-600);margin-top:.25rem;font-size:.875rem;display:block}.dark .form-error{color:var(--color-red-400)}.form-input.error,.form-textarea.error{border-color:var(--color-red-600)}.dark .form-input.error,.dark .form-textarea.error{border-color:var(--color-red-400)}.turnstile-container{justify-content:center;margin:1.5rem 0;display:flex}.submit-button{background:var(--color-accent);width:100%;min-height:2.75rem;color:var(--color-accent-ink);border-radius:var(--radius-pill);cursor:pointer;transition:background-color .2s var(--ease-out), transform .2s var(--ease-out);font-size:1rem;font-weight:700;font-family:var(--font-display);border:none;padding:.875rem 1.5rem}.submit-button:hover:not(:disabled){background:oklch(from var(--color-accent) l c h / .9)}.submit-button:active:not(:disabled){transform:translateY(1px)}.submit-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.submit-button:disabled{opacity:.5;cursor:not-allowed}.alert{border-radius:var(--radius-input);animation:slideIn .3s var(--ease-out);margin-bottom:1.5rem;padding:1rem 1.25rem}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.alert{animation-name:none;animation-duration:.15s}}.alert-success{background:var(--color-emerald-100);border:1px solid var(--color-emerald-400);color:var(--color-emerald-900)}.dark .alert-success{background:oklch(from var(--color-emerald-900) l c h / .3);border-color:oklch(from var(--color-emerald-400) l c h / .5);color:var(--color-emerald-200)}.alert-error{background:var(--color-red-100);border:1px solid var(--color-red-400);color:var(--color-red-900)}.dark .alert-error{background:oklch(from var(--color-red-900) l c h / .3);border-color:oklch(from var(--color-red-400) l c h / .5);color:var(--color-red-200)}.alert-title{margin-bottom:.25rem;font-size:1rem;font-weight:700}.alert-message{font-size:.875rem}.contact-notice{background:var(--color-orange-50);border:1px solid var(--color-orange-200);border-left:4px solid var(--color-primary-500);border-radius:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.dark .contact-notice{background:oklch(from var(--color-orange-950) l c h / .4);border-color:oklch(from var(--color-orange-800) l c h / .6);border-left-color:var(--color-primary-500)}.contact-notice-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--color-orange-800);background:oklch(from var(--color-orange-200) l c h / .6);border-radius:999px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.7rem;font-weight:700;display:inline-block}.dark .contact-notice-tag{color:var(--color-orange-200);background:oklch(from var(--color-orange-800) l c h / .4)}.contact-notice-title{color:var(--color-orange-950);margin-bottom:.35rem;font-size:1rem;font-weight:700}.dark .contact-notice-title{color:var(--color-orange-200)}.contact-notice-body{color:var(--color-amber-900);font-size:.875rem;line-height:1.55}.dark .contact-notice-body{color:oklch(from var(--color-amber-200) l c h / .95)}.submitted-record{background:oklch(from var(--color-white) l c h / .7);border:1px solid oklch(from var(--color-emerald-200) l c h / .7);border-radius:.5rem;margin-top:1rem;padding:1rem}.dark .submitted-record{background:oklch(from var(--color-slate-900) l c h / .6);border-color:oklch(from var(--color-emerald-400) l c h / .4)}.submitted-record-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--color-emerald-900);margin-bottom:.6rem;font-size:.75rem;font-weight:700}.dark .submitted-record-heading{color:var(--color-emerald-200)}.submitted-record-list{flex-direction:column;gap:.6rem;margin:0;display:flex}.submitted-record-row{grid-template-columns:minmax(7rem,9rem) 1fr;gap:.5rem 1rem;font-size:.875rem;line-height:1.55;display:grid}.submitted-record-row dt{color:var(--color-emerald-900);text-transform:uppercase;letter-spacing:.04em;padding-top:.15rem;font-size:.7rem;font-weight:600}.dark .submitted-record-row dt{color:var(--color-emerald-200)}.submitted-record-row dd{color:var(--color-slate-900);word-break:break-word;margin:0}.dark .submitted-record-row dd{color:var(--color-slate-200)}.submitted-record-message{white-space:pre-wrap}.submitted-record-hint{color:oklch(from var(--color-emerald-900) l c h / .85);margin-top:.85rem;font-size:.8rem;line-height:1.55}.dark .submitted-record-hint{color:oklch(from var(--color-emerald-200) l c h / .85)}.alert-action-button{color:var(--color-emerald-900);border:1px solid oklch(from var(--color-emerald-400) l c h / .7);cursor:pointer;transition:background .2s var(--ease-out);background:0 0;border-radius:.4rem;margin-top:1rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600}.alert-action-button:hover{background:oklch(from var(--color-emerald-400) l c h / .15)}.dark .alert-action-button{color:var(--color-emerald-200);border-color:oklch(from var(--color-emerald-400) l c h / .55)}.dark .alert-action-button:hover{background:oklch(from var(--color-emerald-400) l c h / .18)}
