.form{display:flex;flex-direction:column;gap:18px}
.field label{display:block;font-size:17px;font-weight:600;color:#fff;margin-bottom:8px}
.field input,.field textarea{width:100%;font:inherit;font-size:18px;color:#fff;background:var(--pdc-ink3);border:0;border-radius:16px;padding:16px 18px;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18);transition:box-shadow .3s}
.field input:focus,.field textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--pdc-blue-l)}
.field textarea{min-height:160px;resize:vertical}
.field input::placeholder,.field textarea::placeholder{color:#AEB9D0}
.ok{display:none;padding:22px;border-radius:20px;background:var(--pdc-blue);color:#fff;font-size:19px;font-weight:600}
.sent .form{display:none}.sent .ok{display:block}
.side p{font-size:19px;color:var(--pdc-soft);margin-top:16px}

/* Elementor beats the design's single-class rules in two places: `.elementor a{box-shadow:none}` (0,1,1) and `.e-con-full.e-flex{flex-direction:var(--flex-direction)}` (0,2,0). Replay the design's own box-shadow and flex-direction rules one class higher, in the same order, so the design wins again. */
.elementor .form{flex-direction:column}
.elementor .field input, .elementor .field textarea{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.18)}
.elementor .field input:focus, .elementor .field textarea:focus{box-shadow:inset 0 0 0 2px var(--pdc-blue-l)}