.form-page{min-height:100vh;padding:150px max(5vw,24px) 100px;display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,130px);background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary) 18%,transparent),transparent 28%),var(--surface)}.form-intro{position:sticky;top:150px;align-self:start}.form-intro h1{font-size:clamp(48px,6vw,92px);line-height:.95;letter-spacing:-.06em;margin:24px 0}.form-intro p{max-width:520px;color:var(--muted);font-size:18px;line-height:1.8}.form-intro>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}.form-intro>div b{padding:9px 14px;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);border-radius:999px;font-size:12px;color:var(--muted)}.form-panel{padding:clamp(28px,4vw,58px);border:1px solid color-mix(in srgb,var(--text) 12%,transparent);border-radius:calc(var(--radius) + 8px);background:linear-gradient(145deg,color-mix(in srgb,var(--text) 6%,transparent),color-mix(in srgb,var(--surface) 88%,transparent));box-shadow:0 30px 100px rgba(0,0,0,.22)}.form-panel header small{color:var(--primary);font:700 11px ui-monospace,monospace;letter-spacing:.16em}.form-panel h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.04em;margin:12px 0}.form-panel header p{color:var(--muted);line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}.field{display:flex;flex-direction:column;gap:9px}.field-textarea,.field-richtext,.field-checkbox{grid-column:1/-1}.field>span{font-size:13px;font-weight:650}.field>span i{color:var(--primary);font-style:normal;margin-left:4px}.field input,.field textarea,.field select{width:100%;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--text) 13%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text);padding:14px 15px;outline:none;transition:.25s}.field textarea{min-height:145px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}.form-submit{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:28px;padding:13px 14px 13px 22px;border:0;border-radius:999px;background:var(--text);color:var(--surface);font-weight:750;cursor:pointer}.form-submit b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--primary);color:white}.form-submit:disabled{opacity:.6;cursor:wait}#form-message{min-height:22px;font-size:13px;margin:15px 4px 0;color:var(--muted)}#form-message.success{color:#42d392}#form-message.error{color:#ff6b7a}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}@media(max-width:900px){.form-page{grid-template-columns:1fr;padding-top:120px}.form-intro{position:static}.form-grid{grid-template-columns:1fr}.field{grid-column:1/-1}}@media(max-width:560px){.form-page{padding-inline:16px}.form-panel{padding:24px 18px}}
