.start{padding:clamp(60px,12vh,150px) var(--gut) clamp(30px,6vh,60px);display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,80px);align-items:center}
.start-copy{opacity:var(--r,1);transform:translateY(calc((1 - var(--r,1)) * 40px))}
.start-copy p{max-width:30em;color:#d3dcf5;margin-top:1.4rem}
.start-copy .direct{margin-top:1.6rem;display:grid;gap:.4rem;font-size:1.05rem}
.start-copy .direct a{color:var(--lilac);text-decoration:underline;text-underline-offset:3px}
.form,.done{padding:clamp(22px,3vw,40px);opacity:var(--r,1);transform:translateY(calc((1 - var(--r,1)) * 50px))}
.form{display:grid;gap:1.1rem}
.form label{display:grid;gap:.4rem;font-size:.88rem;color:var(--mut)}
.form input:not([type=checkbox]),.form select,.form textarea{width:100%;padding:.8rem 1rem;border-radius:12px;border:1px solid var(--line);background:rgba(4,10,28,.55);color:var(--ink);font:inherit;font-size:1rem;min-height:46px}
.form select option{background:#0b1838;color:var(--ink)}
.form textarea{resize:vertical;min-height:96px}
.form input:focus,.form select:focus,.form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(79,184,255,.3)}
.form .bad input:not([type=checkbox]),.form .bad select,.form .bad textarea{border-color:#ff7a9a}
.err{min-height:1.1em;color:#ff9bb3;font-size:.8rem}
.form .btn{justify-self:start;margin-top:.4rem}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.done{text-align:left}
.done[hidden],.form[hidden]{display:none}
.done h3{font-size:2.6rem;margin-bottom:.7rem}
.done p{color:#d3dcf5;margin-bottom:1.4rem}
.done p a{color:var(--lilac);text-decoration:underline}
@media (max-width:760px){.start{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.start-copy,.form,.done{opacity:1!important;transform:none!important}}