.form-page{padding-bottom:clamp(80px,10vw,140px)}.form-grid{display:grid;grid-template-columns:1fr 2fr;gap:clamp(30px,6vw,80px);align-items:start}.form-info{position:sticky;top:110px;display:grid;gap:34px}.form-info .block p:not(.eyebrow){margin:8px 0 0;color:var(--muted)}.form-info .mail{display:inline-block;margin-top:10px;font:500 clamp(1.4rem,2.4vw,1.9rem) var(--font-display);text-decoration:none;background:linear-gradient(var(--mint),var(--mint)) 0 100% / 0 2px no-repeat;transition:background-size .5s var(--ease);word-break:break-all}.form-info .mail:hover{background-size:100% 2px}.form{display:grid;gap:26px;padding:clamp(24px,4vw,48px);border-radius:30px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 40px 80px -40px #17123a33}.form fieldset{border:0;padding:0;margin:0;min-width:0}.form legend{font-weight:700;margin-bottom:14px}.form .choices{display:flex;flex-wrap:wrap;gap:10px}.form .choice{position:relative}.form .choice input{position:absolute;opacity:0}.form .choice span{display:inline-block;padding:10px 18px;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;font-weight:600;font-size:.92rem;transition:background .3s,color .3s,box-shadow .3s}.form .choice:hover span{box-shadow:inset 0 0 0 1.5px var(--ink)}.form .choice input:checked+span{background:var(--ink);color:var(--ivory);box-shadow:none}.form .choice input:focus-visible+span{outline:2px solid var(--mint-deep);outline-offset:2px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:26px}.form .field{position:relative}.form .field input,.form .field textarea{width:100%;padding:26px 0 10px;border:0;border-bottom:1.5px solid var(--line);border-radius:0;background:transparent;font:inherit;color:var(--ink);resize:vertical;transition:border-color .3s}.form .field input:focus,.form .field textarea:focus{outline:none;border-color:var(--ink)}.form .field label{position:absolute;left:0;top:24px;color:var(--muted);pointer-events:none;transition:transform .35s var(--ease),font-size .35s var(--ease),color .3s;transform-origin:left}.form .field :is(input,textarea):focus+label,.form .field :is(input,textarea):not(:placeholder-shown)+label{transform:translateY(-22px);font-size:.78rem;color:var(--ink);font-weight:600}.form .drop{position:relative;display:flex;align-items:center;gap:18px;padding:24px;border-radius:18px;border:1.5px dashed rgba(41,32,90,.25);background:var(--ivory);cursor:pointer;transition:border-color .3s,background .3s}.form .drop:hover,.form .drop.is-over{border-color:var(--ink);background:var(--mint-soft)}.form .drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.form .drop:has(input:focus-visible){outline:2px solid var(--mint-deep);outline-offset:3px}.form .drop-icon{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--ivory);font-size:1.3rem}.form .drop strong{display:block}.form .drop small{color:var(--muted)}.form .drop [data-file-name]{display:block;margin-top:4px;color:var(--mint-deep);font-weight:700;word-break:break-all}.form .consent{display:flex;gap:12px;font-size:.88rem;color:var(--muted);align-items:flex-start}.form .consent input{margin-top:4px;accent-color:var(--ink)}.form .consent a{color:var(--ink)}.form .btn{justify-self:start}.form .btn[disabled]{opacity:.6;pointer-events:none}.form .status{margin:0;font-weight:600;color:var(--muted)}.form .status[data-type=ok]{color:var(--mint-deep)}.form .status[data-type=error]{color:#b3261e}.form .hp{position:absolute;left:-9999px}@media(max-width:860px){.form-grid,.form .row{grid-template-columns:1fr}.form-info{position:static}}.form{position:relative;overflow:hidden}.form>:not(.success){transition:opacity .4s var(--ease),transform .5s var(--ease)}.form.is-sent>:not(.success){opacity:0;transform:translateY(-16px);pointer-events:none;visibility:hidden}.form .success{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:10px;padding:clamp(24px,5vw,60px);text-align:center;background:radial-gradient(circle at 50% 35%,var(--mint-soft),transparent 60%),var(--paper)}.form .success[hidden]{display:none}.form .check{width:116px;height:116px;margin-bottom:14px}.form .check circle{fill:var(--mint);stroke:var(--ink);stroke-width:3;stroke-dasharray:340;stroke-dashoffset:340;transform:rotate(-90deg);transform-origin:center;fill-opacity:0}.form .check path{fill:none;stroke:var(--ink);stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80}.form .play .check{animation:pop .6s .9s var(--ease) both}.form .play .check circle{animation:draw .8s var(--ease) forwards,fill .5s .6s ease forwards}.form .play .check path{animation:draw .5s .65s var(--ease) forwards}.form .success-title{font-size:clamp(2rem,4vw,3rem);outline:none}.form .success-text{max-width:42ch;color:var(--muted);margin:0}.form .success-note{max-width:46ch;margin:0;font-size:.9rem;color:var(--ink);font-weight:600}.form .success-note:empty{display:none}.form .success .btn{justify-self:center;margin-top:18px}.form .play>:is(.success-title,.success-text,.success-note,.btn){animation:rise .8s var(--ease) both}.form .play>.success-title{animation-delay:.5s}.form .play>.success-text{animation-delay:.62s}.form .play>.success-note{animation-delay:.7s}.form .play>.btn{animation-delay:.8s}.form .burst{position:absolute;left:50%;top:calc(50% - 90px);width:0;height:0}.form .burst span{position:absolute;width:10px;height:10px;margin:-5px;border-radius:3px;opacity:0;background:var(--mint)}.form .burst span[style*="--c:1"]{background:var(--lilac);border-radius:50%}.form .burst span[style*="--c:2"]{background:var(--sand);width:6px;height:14px}.form .play .burst span{animation:confetti 1.3s calc(.75s + var(--dl)) cubic-bezier(.15,.7,.3,1) forwards}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fill{to{fill-opacity:1}}@keyframes pop{50%{transform:scale(1.12)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}@keyframes confetti{0%{opacity:1;transform:rotate(var(--a)) translateY(0) rotate(0)}80%{opacity:1}to{opacity:0;transform:rotate(var(--a)) translateY(-150px) rotate(220deg)}}.form .select{display:grid;gap:10px}.form .select label{font-weight:700}.form .select select{width:100%;padding:16px 48px 16px 18px;border:1.5px solid var(--line);border-radius:14px;background:var(--ivory) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%2329205a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 18px center;font:inherit;color:var(--ink);cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .3s,background-color .3s}.form .select select:hover{border-color:var(--ink)}.form .select select:focus{outline:none;border-color:var(--ink);background-color:var(--paper);box-shadow:0 0 0 4px var(--mint-soft)}.form legend .hint{margin-left:8px;font-weight:500;font-size:.8rem;color:var(--muted)}
