:root{--telegram-blue: #0088cc;--bg-page: #FFFDF5;--bg-pane: #DDFDFE;--bg-section: #fce1ea;--bg-surface: #f5f0e8;--yellow: #FFD23F}html{scroll-behavior:smooth}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}body{min-height:100vh;line-height:1.5;font-size:2.125rem;line-height:1.6;font-family:Roboto,Arial,sans-serif;background:var(--bg-page)}svg{display:block}h1{font-size:4rem;line-height:1.2;font-weight:500}h2{font-size:3.5rem;line-height:1.3}h3{font-size:3rem;line-height:1.3}a{color:inherit;text-decoration:none}header .brand{margin-inline:2rem;margin-block-end:-3rem}header .violetta{position:relative}header .violetta img{padding:1rem}header .violetta h1{font-size:2.5rem;line-height:1.15;font-weight:400;padding:1rem;color:#fff;background:#000}header .violetta .m1{position:absolute;width:30%;top:35px;right:70px;padding:.6rem .9rem;transform:translate(60px);animation:health-in .8s cubic-bezier(.2,.9,.25,1.1) .05s forwards}header .violetta .m2{position:absolute;width:30%;bottom:330px;right:70px;opacity:0;transform:translate(60px);animation:health-in .8s cubic-bezier(.2,.9,.25,1.1) .25s forwards}header .violetta .m2 span{display:inline-block;color:var(--yellow);opacity:0;transform:translate(60px);animation:health-in .8s cubic-bezier(.2,.9,.25,1.1) .65s forwards}header .carousel{position:relative;top:-40px;background:#000;color:#fff;padding:.75rem 0;margin-block-end:-2rem;overflow:hidden;white-space:nowrap;font-size:3rem;font-weight:700}header .carousel .track{display:inline-flex;animation:marquee 20s linear infinite}header .carousel .track .content{display:inline-flex;align-items:center;gap:2rem;padding-right:2rem;text-transform:uppercase}header .carousel .track .content .dot{width:20px;height:20px;background:var(--yellow);flex-shrink:0}section{margin-block:4rem}.brand{display:flex;align-items:baseline;gap:.5rem;font-weight:800;font-size:clamp(1.5rem,5vw,2.5rem);letter-spacing:.02em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}@keyframes health-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){header .violetta .m1,header .violetta .m2,header .violetta .m2 span{animation:none;opacity:1;transform:none}}img{max-width:100%;height:auto;display:block}section.try{margin-inline:2rem;padding:2rem 4rem;background:#ffb8d1;border:2px solid black;display:grid;gap:1rem}section.try a{display:flex;gap:1rem;text-align:center;justify-content:center;padding:1rem;background:var(--bg-pane)}section.try a h2{font-size:3rem;line-height:5rem}section.try a .icon{width:5rem}.reviews{overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;display:flex;gap:2rem;width:cacl(100vw * 2);padding:0 4rem;background:var(--bg-section)}article.review{min-width:100vw;scroll-snap-align:start;scroll-snap-stop:always;display:grid;place-items:center;padding:2rem 4rem;position:relative;border-top-radius:1rem}article.review .container{background:#fff;padding:1rem;padding-inline-start:.5rem;border-radius:1rem;border-bottom-left-radius:0;position:relative}article.review .container .content{border-left:4px solid var(--telegram-blue);padding-inline-start:.5rem}article.review .container .content h3{font-weight:700;margin-block-end:1rem}article.review .container .content .time{float:right;color:#999da0;padding-top:1rem}article.review .container:before{background:#fff;content:"";height:20px;width:20px;position:absolute;bottom:0;left:-20px}article.review .container:after{background:var(--bg-section);content:"";border-top-right-radius:100%;border-bottom-right-radius:100%;height:40px;width:2rem;position:absolute;bottom:0;left:-2rem}.format{margin:2rem;padding:2rem;background:var(--bg-section)}.format .block{padding-block:2rem;border-top:5px solid #E4B4C2}.format .block h3{margin-block-end:1rem;font-weight:400}.format .block p{margin-top:1rem}.format .block ul{list-style-position:inside;display:grid;gap:1rem;column-gap:2rem}.format .block ul li{font-size:2.5rem;background:var(--bg-pane);padding:1rem;padding-inline-start:2rem;box-shadow:5px 5px #000;border:2px solid black}.format .block .vote{list-style-type:"⬜️ "}.format .block .vote li{font-size:2.5rem;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none}.format .block .vote .selected{list-style-type:"✅ "}.format .block .lessons{list-style-type:"📅 "}.socials{margin-inline:2rem;padding:2rem 4rem;background:#ffb8d1;border:2px solid black;display:grid;gap:2rem}.socials .social{display:flex;gap:1rem;justify-content:start;padding:1rem;background:var(--bg-pane)}.socials .social .icon{width:12rem;padding-top:.6rem}.socials .social .telegram{width:8rem}.shadow{box-shadow:10px 10px #000;border:2px solid black}.faq{padding:2rem;margin:2rem;background:var(--bg-section);display:grid;gap:1.5rem}.faq h2{display:flex;justify-content:space-between;align-items:center;font-size:2.6rem}.faq h2 svg{width:5rem;color:#1a1a1a}.faq .faq-item{interpolate-size:allow-keywords;background:var(--bg-surface)}.faq .faq-item summary{padding:1.5rem;border-bottom:2px solid black;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:2.1rem;font-weight:700;color:#1a1a1a}.faq .faq-item summary::-webkit-details-marker{display:none}.faq .faq-item summary:after{content:"+";flex-shrink:0;font-size:3rem;font-weight:300;line-height:1;color:#9a9a9a;transform:rotate(0);transition:transform .3s ease}.faq .faq-item[open] summary:after{transform:rotate(180deg);content:"-";flex-shrink:0;font-size:3rem}.faq .faq-item::details-content{height:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:height .3s ease,opacity .25s ease,transform .3s ease,content-visibility .3s allow-discrete}.faq .faq-item[open]::details-content{border-top:2px solid #e2e2e2;background:#fff;padding:1.5rem;height:auto;opacity:1;transform:translateY(0)}.faq .faq-item p{line-height:1;color:#5e5e5e}footer{background:#000;padding:2rem}footer navigation{display:flex;flex-direction:column;gap:1rem;font-size:2rem;color:var(--yellow);text-decoration:underline}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee:hover .marquee-track{animation-play-state:paused}
