:root{color-scheme:light dark;--surface-0:light-dark(#FBFDFC,#062537);--surface-2:light-dark(#E7F3F6,#0A2C41);--ink:light-dark(#021E3F,#EEF4F8);--ink-muted:light-dark(#33475E,#B9CCD9);--action:light-dark(#094E79,#AAE9F5);--action-hover:light-dark(#063A5B,#D4F4FA);--action-on:light-dark(#FFFFFF,#062537);--line-ui:light-dark(#5E7186,#8FA9BE);--line:light-dark(#C9D9E3,#24506F);--focus:light-dark(#094E79,#9FD0F0);--focus-on-action:light-dark(#FFFFFF,#062537);--field-bg:light-dark(#FFFFFF,#0A2C41);--error:light-dark(#A00000,#FFB4A8);--error-bg:light-dark(#FDF0EE,#3B1414)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--surface-0);color:var(--ink);font:1.125rem/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (min-width:64rem){body{font-size:1.25rem}}
header,main{max-width:46rem;margin:0 auto;padding:1.5rem 1rem}
header a{font-weight:800;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase}
h1{font:700 2rem/1.25 Georgia,"Times New Roman",serif;margin:1rem 0 1.5rem;text-wrap:balance}
h2{font:700 1.5rem/1.3 Georgia,"Times New Roman",serif;margin:2.5rem 0 1rem}
p{margin:0 0 1rem;max-width:70ch}
a{color:var(--action);text-decoration:underline;text-underline-offset:.15em}
a:hover{color:var(--action-hover)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.field{margin:0 0 1.75rem}
.field>label:not(.choice),legend{display:block;font-weight:600;margin-bottom:.25rem}
.opt{font-weight:400;color:var(--ink-muted)}
.hint{color:var(--ink-muted);margin:0 0 .5rem}
.err{color:var(--error);font-weight:600;margin:0 0 .5rem}
input[type=text],input[type=email],textarea{display:block;width:100%;min-height:2.75rem;padding:.5rem .75rem;font:inherit;color:var(--ink);background:var(--field-bg);border:2px solid var(--line-ui);border-radius:.25rem}
textarea{min-height:10rem;resize:vertical}
[aria-invalid=true]{border-color:var(--error)}
input[type=file]{font:inherit;max-width:100%}
fieldset{border:0;padding:0;margin:0 0 1.75rem}
.choice{display:flex;gap:.75rem;align-items:flex-start;min-height:2.75rem;padding:.375rem 0}
.choice input{width:1.5rem;height:1.5rem;margin:.2rem 0 0;flex:none;accent-color:var(--action)}
.summary{border:2px solid var(--error);background:var(--error-bg);padding:1rem 1.25rem;margin:0 0 2rem;border-radius:.25rem}
.summary h2{margin-top:0;font-size:1.25rem}
.summary ul{margin:0;padding-left:1.25rem}
.panel{background:var(--surface-2);padding:1.25rem;border-radius:.25rem;margin:0 0 2rem}
dl{margin:0 0 2rem}dt{font-weight:600;margin-top:1rem}dd{margin:.25rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere}
.actions{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0}
.actions form{margin:0}
button{min-height:3rem;padding:.625rem 1.5rem;font:inherit;font-weight:700;border-radius:.25rem;cursor:pointer;color:var(--action-on);background:var(--action);border:2px solid var(--action)}
button:hover{background:var(--action-hover);border-color:var(--action-hover)}
button:focus-visible{outline-color:var(--focus);box-shadow:0 0 0 2px var(--focus-on-action) inset}
button.secondary{color:var(--action);background:transparent}
button.secondary:hover{color:var(--action-hover);background:transparent}
.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
@media (forced-colors:active){button,.summary,input,textarea{border:2px solid}}