/* /contact/ and /beta/ only: the two forms (script.js posts them as JSON; without it they post as
   plain forms) in the new look. Class names are script.js's: keep them. Prefix k1- for the card. */
.form-card{scroll-margin-top:calc(var(--sk-hdr-h) + 1rem)}
.k1-card{border-radius:10px;background:var(--sk-deep);border:1px solid var(--sk-line-2);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.k1-card-bar{display:flex;justify-content:space-between;gap:.6rem;padding:.6rem .9rem;border-bottom:1px solid var(--sk-line);font:500 .66rem var(--sk-mono);color:var(--sk-text-3)}
.signup-form,.contact-form{display:grid;gap:1.05rem;padding:1.3rem 1.3rem 1.2rem}
.field{display:grid;gap:.35rem}
.field label,.choice legend{font:600 .7rem var(--sk-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--sk-text-3)}
.field input,.field select,.field textarea{width:100%;min-height:2.9rem;padding:.7rem .85rem;border:1px solid var(--sk-line-2);border-radius:4px;background:var(--sk-ink);color:var(--sk-text);font:400 1rem var(--sk-sans)}
.field textarea{min-height:7.5rem;resize:vertical}
.field input::placeholder{color:var(--sk-text-4)}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--sk-ai);outline-offset:1px;border-color:var(--sk-ai)}
.field [aria-invalid="true"]{border-color:#ff8a80}
.choice{display:grid;gap:.55rem;margin:0;padding:0;border:0}
.choice legend{margin-bottom:.55rem;padding:0}
.opt{display:flex;gap:.75rem;align-items:flex-start;padding:.8rem .95rem;border:1px solid var(--sk-line-2);border-radius:6px;background:var(--sk-ink);cursor:pointer;transition:border-color .2s,background .2s}
.opt:hover{border-color:#4a6075}
.opt:has(input:checked){border-color:var(--sk-ai);background:rgba(235,104,52,.09)}
.opt input{flex:none;width:1.1rem;height:1.1rem;margin:.2rem 0 0;accent-color:var(--sk-ai)}
.opt b{display:block;color:#fff}
.opt small{display:block;color:var(--sk-text-3);font-size:.88rem}
.consent{display:flex;gap:.75rem;align-items:flex-start;font-size:.92rem;color:var(--sk-text-2)}
.consent input{flex:none;width:1.1rem;height:1.1rem;margin:.2rem 0 0;accent-color:var(--sk-ai)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-error{margin:0;padding:.7rem .85rem;border-radius:4px;border:1px solid rgba(255,138,128,.5);background:rgba(255,138,128,.1);color:#ffb3ab;font-weight:600;font-size:.94rem}
.btn-block{width:100%;justify-content:center}
.signup-form button[disabled],.contact-form button[disabled]{opacity:.7;cursor:progress}
.form-fine{margin:0;text-align:center;font:500 .72rem var(--sk-mono);color:var(--sk-text-4)}
.form-done{padding:2.2rem 1.3rem;text-align:center}
.form-done:focus{outline:none}
.done-icon{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:1rem;border-radius:50%;background:rgba(27,175,122,.15);color:var(--sk-search)}
.done-h{margin:0;font:700 1.35rem var(--sk-disp);color:#fff}
.form-done p{margin:.6rem 0 0;color:var(--sk-text-2)}
