﻿.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:visible;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{position:relative;align-self:center;padding:clamp(38px,4.5vw,60px);overflow:visible}
.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--date{position:relative}
.waf__date-picker{position:relative}
.waf__date-input{padding-right:64px!important;border-color:rgba(89,83,163,.16)!important;background:linear-gradient(180deg,#fff,rgba(250,248,255,.98))!important;color:#342f63!important;letter-spacing:.01em;cursor:pointer}
.waf__date-input::placeholder{color:rgba(89,83,163,.54)}
.waf__date-input:hover{border-color:rgba(89,83,163,.3)!important;box-shadow:0 14px 28px rgba(89,83,163,.08)}
.waf__date-input:focus{background:#fff!important;box-shadow:0 0 0 4px rgba(89,83,163,.12),0 18px 34px rgba(89,83,163,.14)!important}
.waf__date-toggle{position:absolute!important;z-index:2!important;top:10px!important;right:10px!important;display:grid!important;width:36px!important;height:36px!important;padding:0!important;place-items:center!important;border:1px solid rgba(89,83,163,.12)!important;border-radius:12px!important;opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,#fff,#f5f1ff)!important;box-shadow:0 10px 22px rgba(89,83,163,.1)!important;cursor:pointer!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.waf__date-toggle:hover{border-color:rgba(89,83,163,.28);transform:translateY(-1px);box-shadow:0 14px 28px rgba(89,83,163,.14)}
.waf__date-toggle:focus-visible{outline:2px solid rgba(89,83,163,.25);outline-offset:2px}
.waf__date-toggle-icon{display:block!important;width:18px!important;height:18px!important;overflow:visible!important;color:#5953a3!important;fill:none!important;opacity:1!important;visibility:visible!important}
.waf__date-toggle-icon rect,.waf__date-toggle-icon line{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.waf__date-toggle-icon circle{fill:currentColor;stroke:none}
.waf__date-popover{position:absolute!important;top:calc(100% + 12px)!important;left:0!important;z-index:99999!important;display:none!important;width:min(100%,340px)!important;padding:16px!important;overflow:visible!important;border:1px solid rgba(120,104,196,.14)!important;border-radius:24px!important;opacity:1!important;visibility:visible!important;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,243,255,.96))!important;box-shadow:0 28px 60px rgba(43,38,93,.22)!important;backdrop-filter:blur(14px)}
.waf__date-popover[hidden]{display:none}
.waf__date-popover.is-visible{display:block!important}
.waf__date-header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;margin-bottom:14px}
.waf__date-title{color:#352f68;font-size:15px;font-weight:700;text-align:center}
.waf__date-nav{position:relative;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(89,83,163,.12);border-radius:14px;background:#fff;box-shadow:0 8px 18px rgba(89,83,163,.08);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.waf__date-nav:hover{border-color:rgba(89,83,163,.24);transform:translateY(-1px);box-shadow:0 12px 22px rgba(89,83,163,.12)}
.waf__date-nav::before{display:block;width:10px;height:10px;border-top:2px solid #5953a3;border-right:2px solid #5953a3;content:""}
.waf__date-nav[data-date-prev]::before{transform:rotate(-135deg);margin-left:4px}
.waf__date-nav[data-date-next]::before{transform:rotate(45deg);margin-right:4px}
.waf__date-weekdays,.waf__date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.waf__date-weekdays{margin-bottom:10px}
.waf__date-weekday{padding:6px 0;color:#9088b5;font-size:11px;font-weight:700;text-align:center}
.waf__date-grid{gap:6px}
.waf__date-day{display:grid;min-height:42px;padding:0;place-items:center;border:0;border-radius:14px;background:transparent;color:#2f2b52;cursor:pointer;font-size:14px;font-weight:600;transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.waf__date-day:hover{background:#efe8ff;transform:translateY(-1px)}
.waf__date-day.is-muted{color:#b7b0d4}
.waf__date-day.is-today{box-shadow:inset 0 0 0 1px rgba(89,83,163,.22);font-weight:700}
.waf__date-day.is-selected{background:linear-gradient(135deg,#5953a3,#7a63cb);color:#fff;box-shadow:0 12px 24px rgba(89,83,163,.24)}
.waf__date-day:disabled{opacity:.34;cursor:not-allowed;transform:none;background:transparent;box-shadow:none}
.waf__field--date.is-open .waf__date-input{background:#fff!important;box-shadow:0 0 0 4px rgba(89,83,163,.08),0 18px 34px rgba(89,83,163,.16)!important}
.waf__field--date.is-open .waf__date-toggle{border-color:rgba(89,83,163,.28);box-shadow:0 14px 28px rgba(89,83,163,.14)}
.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{display:none}
.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}.waf__date-input,.waf__field select,.waf__field input{min-height:56px;font-size:16px}.waf__actions{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.waf *{transition:none!important}}

