.waf{--p:#5953a3;--pd:#474183;--s:#9f72ee;--d:#2a2a2a;--m:#686868;--b:#dedce9;--e:#b42318;width:100%;padding:clamp(24px,5vw,72px) 20px;color:var(--d);background:#faf9ff;font-family:"Prompt",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}
.waf,.waf *,.waf *::before,.waf *::after{box-sizing:border-box}
.waf button,.waf input,.waf select{font:inherit}
.waf__shell{display:grid;width:min(100%,1120px);margin:auto;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);overflow:hidden;border:1px solid rgba(89,83,163,.1);border-radius:28px;background:#fff;box-shadow:0 24px 70px rgba(52,46,106,.18)}
.waf__hero{position:relative;display:flex;min-height:650px;flex-direction:column;overflow:hidden;padding:clamp(36px,5vw,68px);color:#fff;background:radial-gradient(circle at 95% 8%,rgba(255,255,255,.16),transparent 29%),linear-gradient(145deg,var(--pd),var(--p) 52%,#7557b6)}
.waf__hero::after{position:absolute;right:-88px;bottom:-94px;width:260px;height:260px;border:44px solid rgba(255,255,255,.06);border-radius:50%;content:""}
.waf__logo{position:relative;z-index:1;display:block;width:min(100%,280px);height:auto}
.waf__intro{position:relative;z-index:1;margin-block:auto;padding-block:60px 40px}
.waf__intro h2{margin:0 0 18px;color:#fff;font-size:44px;line-height:1.2;letter-spacing:-.03em}
.waf__intro h2 span{display:block;color:#d7c5fb}
.waf__intro>p{max-width:510px;margin:0 0 30px;color:rgba(255,255,255,.8);font-size:17px;line-height:1.75}
.waf__intro ul{display:grid;margin:0;padding:0;gap:14px;list-style:none}
.waf__intro li{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.78);font-size:14px}
.waf__intro li b{display:grid;width:40px;height:40px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font-size:13px}
.waf__intro li strong{display:block;color:#fff;font-size:16px}
.waf__offer{position:relative;z-index:1;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.7);font-size:13px}
.waf__offer strong{color:#fff;font-size:18px;text-decoration:line-through}
.waf__offer b{padding:5px 12px;border-radius:999px;color:var(--pd);background:#d7c5fb;font-size:14px}
.waf__panel{align-self:center;padding:clamp(38px,4.5vw,60px)}
.waf__header{margin-bottom:28px}
.waf__header>span{display:block;margin-bottom:9px;color:var(--p);font-size:13px;font-weight:600}
.waf__header h3{margin:0 0 7px;color:var(--d);font-size:clamp(27px,3vw,36px);line-height:1.25;letter-spacing:-.025em}
.waf__header p{margin:0;color:var(--m);font-size:14px}
.waf__form,.waf__stage{display:grid;gap:19px}
.waf__stage[hidden]{display:none}
.waf__trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.waf__progress{display:flex;align-items:center}
.waf__progress span{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border:1px solid var(--b);border-radius:50%;color:#89869b;background:#fff;font-size:13px;font-weight:600}
.waf__progress span.is-active{border-color:var(--p);color:#fff;background:var(--p)}
.waf__progress i{height:2px;flex:1;background:var(--b)}
.waf__progress i.is-active{background:var(--p)}
.waf__field label{display:block;margin-bottom:8px;color:#393939;font-size:14px;font-weight:500}
.waf__name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.waf__field label span{color:var(--e)}
.waf__field input,.waf__field select{width:100%;min-height:52px;margin:0;padding:13px 15px;border:1px solid var(--b);border-radius:12px;outline:0;color:var(--d);background:#fff;box-shadow:none;font-size:16px}
.waf__field select{-webkit-appearance:none;appearance:none;padding-right:52px;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235953a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px}
.waf__field input:focus,.waf__field select:focus{border-color:var(--p);box-shadow:0 0 0 4px rgba(89,83,163,.12)}
.waf__field.is-invalid input,.waf__field.is-invalid select{border-color:var(--e)}
.waf__field small{display:block;min-height:18px;margin-top:5px;color:var(--e);font-size:12px}
.waf__primary,.waf__secondary{display:flex;width:100%;min-height:54px;padding:12px 18px;align-items:center;justify-content:center;gap:10px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600}
.waf__primary{border:0;color:#fff;background:linear-gradient(135deg,var(--p),#6e55b4);box-shadow:0 10px 24px rgba(89,83,163,.24)}
.waf__primary:hover{color:#fff;background:linear-gradient(135deg,var(--pd),var(--p));transform:translateY(-1px)}
.waf__primary:disabled{cursor:wait;opacity:.7;transform:none}
.waf__secondary{border:1px solid var(--b);color:var(--p);background:#fff;font-size:14px}
.waf__secondary:hover{border-color:var(--p);color:var(--p)}
.waf__actions{display:grid;grid-template-columns:auto 1fr;gap:10px}
.waf__privacy{margin:0;color:#777483;font-size:11px;line-height:1.55;text-align:center}
.waf__consent{padding:12px 14px;border:1px solid var(--b);border-radius:12px;background:#faf9ff}
.waf__consent label{display:flex;gap:10px;align-items:flex-start;margin:0;color:#555264;font-size:12px;font-weight:400;line-height:1.55;cursor:pointer}
.waf__consent label span{color:#5953a3}
.waf__consent input{width:18px;height:18px;min-height:0;flex:0 0 auto;margin:1px 0 0;accent-color:var(--p)}
.waf__consent.is-invalid{border-color:#c33;background:#fff8f8}
.waf__status{display:none;padding:11px;border-radius:10px;font-size:13px;text-align:center}
.waf__status:not(:empty){display:block}
.waf__status.is-error{color:var(--e);background:#fef3f2}
@media(max-width:820px){.waf{padding:16px}.waf__shell{width:min(100%,620px);grid-template-columns:1fr;border-radius:22px}.waf__hero{min-height:auto;padding:34px clamp(24px,7vw,44px)}.waf__intro{padding-block:42px 30px}.waf__intro h2{font-size:clamp(38px,7vw,44px)}.waf__panel{width:100%;padding:40px clamp(24px,7vw,44px)}}
@media(max-width:480px){.waf{padding:0}.waf__shell{border:0;border-radius:0;box-shadow:none}.waf__hero{padding:32px 20px 30px}.waf__logo,.waf__intro>p{display:none}.waf__intro{padding-block:0 28px}.waf__intro h2{font-size:clamp(32px,9.5vw,38px);line-height:1.22}.waf__name-grid{grid-template-columns:1fr;gap:19px}.waf__panel{padding:34px 20px 40px}}
@media(prefers-reduced-motion:reduce){.waf *{transition:none!important}}
