body{margin:0;font-family:'Outfit',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
.f{width:100%;min-height:60px;border-radius:24px;border:1px solid #C3C4F0;background:#fff;color:#12112A;font-family:inherit;font-size:17px;padding:0 22px;transition:border-color .2s,background .2s}
.f::placeholder{color:#6E6F93;opacity:1}
.f:focus-visible{outline:3px solid #5B5CE8;outline-offset:2px;border-color:#5B5CE8}
select.f{appearance:none;-webkit-appearance:none;padding-right:52px;cursor:pointer}
select.f option{color:#12112A}
textarea.f{min-height:132px;padding:18px 22px;resize:vertical;line-height:1.4}
.sub{width:100%;min-height:64px;border-radius:999px;border:0;background:#5B5CE8;color:#fff;font-family:inherit;font-size:18px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:transform .2s ease-out}
.sub:hover{transform:translateY(-2px)}
.sub:active{transform:scale(.97)}
.sub:focus-visible{outline:3px solid #1F2A9B;outline-offset:3px}
.x{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#12112A}
.x:hover{background:rgba(31,42,155,.10)}
.x:focus-visible{outline:3px solid #5B5CE8}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

.sub:disabled{cursor:progress}