.contact-form label{font-family:var(--font-display);color:var(--color-ink);font-size:1rem;font-weight:500;display:block}.contact-form .hint{color:var(--color-ink-2);margin-top:.2rem;font-size:.9rem;display:block}.contact-form input,.contact-form textarea{background:var(--color-surface);width:100%;min-height:3rem;color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow .2s var(--ease-out-soft);border-radius:.8rem;margin-top:.5rem;padding:.7rem .9rem;font-size:1rem;line-height:1.5;display:block}.contact-form textarea{resize:vertical;min-height:9rem}.contact-form input:hover,.contact-form textarea:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 30%, transparent)}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2.5px solid var(--color-cap);outline-offset:2px;border-radius:.8rem}.contact-form button[disabled]{opacity:.7;cursor:progress}.contact-form .note a{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-line);text-decoration-color:var(--color-line);text-underline-offset:4px;text-decoration-thickness:2px}.contact-form .note a:hover{-webkit-text-decoration-color:var(--color-cap);text-decoration-color:var(--color-cap)}.contact-form fieldset{border:0;min-width:0;margin:0;padding:0}.contact-form legend{font-family:var(--font-display);color:var(--color-ink);padding:0;font-size:1rem;font-weight:500}.contact-form .opts{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.contact-form label.opt{background:var(--color-surface);min-height:2.75rem;font-family:var(--font-body);cursor:pointer;box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow .2s var(--ease-out-soft);border-radius:999px;align-items:center;gap:.6rem;padding:0 1rem 0 .85rem;font-weight:400;display:inline-flex}.contact-form label.opt:hover{box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-ink) 30%, transparent)}.contact-form label.opt:has(input:checked){box-shadow:inset 0 0 0 1.5px var(--color-ink)}.contact-form label.opt:has(input:focus-visible){outline:2.5px solid var(--color-cap);outline-offset:2px}.contact-form label.opt input{width:1.05rem;height:1.05rem;min-height:0;box-shadow:none;accent-color:var(--color-cap-ink);background:0 0;flex:none;margin:0;padding:0;display:inline-block}.contact-form label.opt input:focus-visible{outline:none}.contact-form input[type=number]{max-width:12rem}.signin-sent{display:none}.signin-sent:target{display:block}.contact-form .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.contact-status{background:var(--color-panel);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line);border-radius:.8rem;padding:.9rem 1rem;font-size:1rem}.contact-status[data-state=ok]{box-shadow:inset 0 0 0 1.5px var(--color-cap)}.contact-status[data-state=error]{box-shadow:inset 0 0 0 1.5px #c2410c}.contact-status:focus{outline:none}@media (prefers-reduced-motion:reduce){.contact-form input,.contact-form textarea,.contact-form label.opt{transition:none}}
