@font-face{font-family:Plex;src:url("assets/ibm-plex-sans-regular.woff") format("woff");font-weight:400;font-display:swap}
@font-face{font-family:Plex;src:url("assets/ibm-plex-sans-semibold.woff") format("woff");font-weight:600;font-display:swap}
@font-face{font-family:Plex;src:url("assets/ibm-plex-sans-bold.woff") format("woff");font-weight:700;font-display:swap}
@font-face{font-family:Onest;src:url("assets/onest-medium.woff") format("woff");font-weight:500;font-display:swap}
:root{font-family:Plex,Arial,sans-serif;color:#260f66;background:#f0f0ff;font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}
body{margin:0;padding:24px 16px 48px}
.brands{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:28px;margin:0 auto 18px;min-height:38px}
.brands img{display:block;object-fit:contain}
.card{max-width:560px;margin:0 auto;background:#fff;border-radius:24px;display:flow-root}
.hero{display:block;width:calc(100% + 56px);height:auto;max-width:none;margin:-40px -28px -29px;pointer-events:none}
.content{position:relative;padding:0 32px 32px}
h1{font-size:28px;line-height:32px;font-weight:600;letter-spacing:-.2px;text-align:center;margin:0}
.intro{font-size:16px;line-height:21px;font-weight:400;color:#39324d;text-align:center;margin:20px 0 32px}
.benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;max-width:370px;padding:0;margin:0 auto 38px;list-style:none}
.benefits li{display:flex;align-items:center;gap:6px;min-height:38px;padding:5px 12px 5px 8px;border-radius:9px;background:#e2f8e8;font-size:15px;line-height:20px;color:#19074c}
.benefits img{object-fit:contain;flex-shrink:0}
.contact-field{margin-bottom:24px}
.contact-field input{width:100%;height:56px;border:1px solid transparent;border-radius:12px;background:#f0f0ff;padding:16px 20px;color:#19074c;font:500 16px/22px Onest,Arial,sans-serif}
input::placeholder{color:#726c86;opacity:1}
input,button,a{touch-action:manipulation}
input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9779ee;outline-offset:3px}
input[aria-invalid="true"]{border-color:#ae2636}
fieldset{border:0;padding:0;margin:28px 0 22px;min-width:0}
legend{font-size:20px;font-weight:600;line-height:25px;margin-bottom:14px;padding:0}
.choice{display:flex;align-items:center;gap:10px;min-height:32px;cursor:pointer;font-size:16px;line-height:24px}
.choice input,.consent input{accent-color:#3d15b0;flex-shrink:0;width:20px;height:20px;margin:0;cursor:pointer}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:18px;color:#595365;margin:16px 0;cursor:pointer}
.consent input{width:18px;height:18px;margin-top:1px}
a{color:#3d15b0;text-underline-offset:3px}
button{width:100%;min-height:56px;margin-top:24px;border:0;border-radius:12px;background:#3d15b0;color:white;font:600 16px/24px Plex,Arial,sans-serif;cursor:pointer;transition:background .15s,transform .15s}
button:hover:not(:disabled){background:#501cda;transform:translateY(-1px)}
button:disabled{opacity:.65;cursor:default}
.form-status{font-size:14px;line-height:20px;margin:12px 0 0;color:#595365}
.form-status:empty{display:none}
.form-status[data-state="error"]{color:#a22336}
.form-status[data-state="success"]{background:#e2f8e8;color:#17572b;padding:16px;border-radius:12px}
.terms{font-size:12px;line-height:17px;color:#767180;text-align:center;margin:16px auto 0;max-width:450px}
.sr-only,.honeypot{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:600px){body{padding:20px 16px 28px}.brands{margin-bottom:24px;gap:24px}.card{border-radius:20px}.hero{width:100%;margin:-18px 0 -4px}.content{padding:0 20px 26px}h1{font-size:24px;line-height:28px}.intro{font-size:15px;line-height:21px;margin:18px 0 24px}.benefits{margin-bottom:28px;gap:7px}.benefits li{font-size:13px;padding-right:8px;gap:4px}.benefits img{width:24px;height:24px}legend{font-size:18px;line-height:24px}.contact-field input{padding:16px;font-size:16px}}
@media(max-width:360px){.content{padding-inline:16px}h1{font-size:22px;line-height:26px}.benefits li{font-size:12px}.brands{gap:20px}}
@media(prefers-reduced-motion:reduce){button{transition:none}button:hover:not(:disabled){transform:none}}