@font-face{font-family:Assistant;src:url('fonts/dbbaec2e8f76.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Assistant;src:url('fonts/890bee0c4b91.woff2') format('woff2');font-weight:700;font-display:swap}
:root{color-scheme:dark;--purple:#4a03b0;--yellow:#ffba16;--orange:#ff8500;--green:#69c334}
*{box-sizing:border-box}
html{background:var(--purple)}
body{margin:0;background:var(--purple);color:#fff;font-family:Assistant,Arial,sans-serif;line-height:1.45}
img,video{display:block;max-width:100%}
a{color:inherit}
.wrap{width:calc(100% - 40px);max-width:1080px;margin-inline:auto}
.brand{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px 24px}
.brand img{width:64px;height:auto;flex-shrink:0}
.brand a{color:var(--yellow);font-size:clamp(14px,2vw,20px);font-weight:700;text-decoration:none;overflow-wrap:anywhere}
.presentation{text-align:center}
h1,h2,p{margin:0}
h1,h2{font-family:Assistant,Arial,sans-serif;font-weight:700;line-height:1.13}
h1{color:var(--yellow);font-size:clamp(28px,4.4vw,48px);max-width:960px;margin:0 auto 26px;letter-spacing:-.02em}
.video-frame{position:relative;aspect-ratio:16/9;width:100%;max-width:880px;margin-inline:auto;background:#000;isolation:isolate;overflow:hidden}
.video-frame .vsl-noscript,.video-frame>.vsl-fallback,.video-frame>[data-player-name="Playable"]{width:100%;height:100%;position:absolute;inset:0}
.video-frame video{width:100%;height:100%;object-fit:contain}
.sound-button{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;gap:18px;width:min(88%,440px);padding:24px 20px;border:3px solid var(--yellow);border-radius:16px;background:#4a03b0f2;color:#fff;box-shadow:0 8px 32px #0008;cursor:pointer;font:700 clamp(20px,3vw,30px)/1.15 Assistant,Arial,sans-serif;text-align:center}
.sound-button svg{width:48px;height:48px;flex-shrink:0;color:var(--yellow)}
.sound-button[hidden]{display:none}
.sound-button:hover{background:#39018e}
.sound-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.contact-row{display:flex;justify-content:center;margin-block:24px}
.contact{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:54px;padding:14px 24px;background:var(--green);color:#fff;border-radius:8px;box-shadow:0 4px 9px #0003;text-align:center;font-size:clamp(17px,2.2vw,24px);font-weight:700;line-height:1.2;text-decoration:none;transition:background-color .15s ease,transform .15s ease}
.contact:hover{background:#5bb029;transform:translateY(-1px)}
.contact{animation:contact-blink 1.8s ease-in-out infinite}
@keyframes contact-blink{0%,100%{opacity:1;box-shadow:0 4px 9px #0003,0 0 0 0 #69c33466}50%{opacity:.65;box-shadow:0 4px 9px #0003,0 0 18px 5px #69c33466}}
a:focus-visible{outline:3px solid #fff;outline-offset:5px}
.offer{max-width:730px;margin:42px auto 64px;text-align:center}
.offer h2{font-size:clamp(32px,5.2vw,56px)}
.discount{margin-top:10px;font-weight:700;font-size:clamp(38px,6vw,64px);line-height:1.12}
.discount span{color:var(--yellow)}
.prices{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.prices li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;column-gap:24px;font-size:clamp(23px,3.2vw,36px);font-weight:700;line-height:1.2}
.prices strong{display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap}
.prices strong::before{content:'';width:20px;aspect-ratio:1;background:var(--yellow);border-radius:50%;flex-shrink:0}
.prices del{text-decoration-thickness:3px;white-space:nowrap}
.benefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px}
.benefits>*{min-width:0}
.course-art{display:block}
.course-art img{width:100%;height:auto}
.benefits h2{font-size:clamp(25px,2.5vw,32px)}
.benefits ul{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:20px;font-weight:700;font-size:clamp(18px,1.9vw,22px)}
.benefits li{position:relative;padding-left:28px}
.benefits li::before{content:'';position:absolute;left:0;top:.38em;width:16px;height:16px;border-radius:50%;background:var(--orange)}
.final-contact{margin-block:40px 52px}
@media(max-width:700px){
 .wrap{width:calc(100% - 32px)}
 .brand{padding-block:14px 20px;gap:12px}
 .brand img{width:48px}
 .sound-button{gap:12px;padding:16px 12px;border-radius:12px;font-size:clamp(18px,4.7vw,25px)}
 .sound-button svg{width:34px;height:34px}
 .desktop-break{display:none}
 h1{font-size:clamp(27px,6.6vw,40px);margin-bottom:20px}
 .contact-row{margin-block:20px}
 .contact{width:100%;max-width:430px;padding:15px 16px;min-height:54px}
 .offer{margin-block:32px 42px}
 .prices li{column-gap:12px;font-size:clamp(18px,4.8vw,30px)}
 .prices strong{gap:7px}
 .prices strong::before{width:12px}
 .prices del{text-decoration-thickness:2px}
 .benefits{grid-template-columns:minmax(0,1fr);gap:28px;max-width:520px;margin-inline:auto}
 .course-art{width:160px;margin-inline:auto}
 .benefits h2{text-align:center;font-size:clamp(25px,5.9vw,32px)}
 .benefits ul{font-size:19px;gap:18px;margin-top:22px}
 .final-contact{margin-block:32px 40px}
}
@media(prefers-reduced-motion:reduce){.contact{transition:none;animation:none}.contact:hover{transform:none}}