.contact-form-container{max-width:42rem;margin:0 auto}.contact-form{background:var(--color-white);box-shadow:0 4px 6px -1px oklch(from var(--color-black) l c h / .1), 0 2px 4px -1px oklch(from var(--color-black) l c h / .06);border:1px solid var(--color-slate-200);border-radius:1rem;padding:2rem;transition:all .3s}.contact-form:hover{box-shadow:0 10px 15px -3px oklch(from var(--color-black) l c h / .1), 0 4px 6px -2px oklch(from var(--color-black) l c h / .05)}.dark .contact-form{background:var(--color-slate-800);border-color:var(--color-slate-700)}.form-group{margin-bottom:1.5rem}.form-label{color:var(--color-slate-700);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.dark .form-label{color:var(--color-slate-200)}.form-input,.form-textarea{border:2px solid var(--color-slate-200);background:var(--color-white);width:100%;color:var(--color-slate-900);border-radius:.5rem;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:var(--color-indigo-500);box-shadow:0 0 0 3px oklch(from var(--color-indigo-500) l c h / .1);outline:none}.dark .form-input,.dark .form-textarea{background:var(--color-slate-900);border-color:var(--color-slate-700);color:var(--color-slate-200)}.dark .form-input:focus,.dark .form-textarea:focus{border-color:var(--color-indigo-400);box-shadow:0 0 0 3px oklch(from var(--color-indigo-400) l c h / .1)}.form-textarea{resize:vertical;min-height:150px}.form-error{color:var(--color-red-500);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-500)}.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:linear-gradient(135deg, var(--color-indigo-500) 0%, var(--color-violet-500) 100%);width:100%;color:var(--color-white);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 6px -1px oklch(from var(--color-indigo-500) l c h / .3);border:none;border-radius:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s}.submit-button:hover:not(:disabled){box-shadow:0 10px 15px -3px oklch(from var(--color-indigo-500) l c h / .4);transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.alert{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem;animation:.3s slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.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;background:0 0;border-radius:.4rem;margin-top:1rem;padding:.55rem 1.1rem;font-size:.875rem;font-weight:600;transition:background .2s}.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)}