:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#090c19;color:#f7f5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 65vw 45vw at 90% -5%,#55378c52,transparent),radial-gradient(ellipse 50vw 38vw at -5% 30%,#91306d46,transparent),#090c19;color:#f7f5ff}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font:inherit}
.wrap{width:min(1120px,calc(100% - 38px));margin:0 auto}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #ffffff18}
.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:900;letter-spacing:-.8px}
.brand img{width:48px;height:48px;object-fit:contain;border-radius:12px}
.lang{display:flex;align-items:center;gap:8px}.lang a{padding:9px 13px;border:1px solid #ffffff30;border-radius:12px;font-size:12px;font-weight:800}
.lang .selected{background:#ffffff;color:#111429}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:34px;min-height:440px;padding:50px 0 52px}
.eyebrow{display:inline-flex;gap:8px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:1.4px;font-weight:800;color:#ff85bd}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff4f99;box-shadow:0 0 0 6px #ff4f9922}
h1{font-size:clamp(39px,5.2vw,66px);line-height:1.08;letter-spacing:-.05em;margin:19px 0 20px;font-weight:900}
.grad{background:linear-gradient(100deg,#ff65a5,#af83ff,#67cbe9);color:transparent;background-clip:text}
.hero p{font-size:16px;line-height:1.7;color:#c6c9e0;max-width:550px}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:13px 19px;border-radius:13px;background:linear-gradient(120deg,#ed418d,#a854e0);font-weight:800;font-size:13px}
.btn.secondary{border:1px solid #ffffff36;background:#ffffff12}.btn:hover{text-decoration:none;filter:brightness(1.1)}
.player{padding:26px 25px;background:#ffffff08;border:1px solid #ffffff25;border-radius:24px;box-shadow:0 18px 58px #06081232}
.player img{width:96px;height:96px;object-fit:contain;border-radius:20px}
.player h2{font-size:25px;margin:15px 0 6px}.player p{font-size:13px;margin:0 0 18px;color:#bfc6de;line-height:1.5}
audio{display:block;width:100%;height:48px;color-scheme:dark}
.player small{display:block;font-size:11px;margin-top:12px;color:#c1bfda}
section.content{padding:26px 0 34px}
section.content h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.03em;margin:0 0 11px}
section.content>p{color:#c9cde3;line-height:1.7;max-width:860px;margin:0 0 20px;font-size:15px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.tile{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:19px;padding:22px;min-height:155px}
.tile h3{margin:0 0 10px;font-size:19px}.tile p{margin:0;font-size:13px;line-height:1.62;color:#c8cce0}
.schedule{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.slot{background:linear-gradient(130deg,#1b2042,#26162f);border:1px solid #a97cff30;padding:19px;border-radius:18px}
.slot strong{font-size:18px;display:block;margin:8px 0}.slot .time{color:#adbbef;font-size:13px;font-weight:800}.slot p{font-size:12px;color:#c8cce0;line-height:1.55;margin:0}
.faq{display:grid;gap:10px}
.faq article{border-bottom:1px solid #ffffff20;padding:10px 0 19px}
.faq h3{font-size:17px;margin:6px 0}.faq p{color:#c7cce0;font-size:14px;line-height:1.7;margin:0}
.ctabox{border:1px solid #b876dc4d;background:linear-gradient(110deg,#44204e,#24284f);border-radius:23px;padding:26px 31px;margin:27px 0 48px}
.ctabox h2{font-size:27px;margin:0 0 9px}.ctabox p{font-size:13px;color:#d6d0e9;line-height:1.65}
.ctabox .actions{margin-top:17px}
footer{padding:25px 0 42px;border-top:1px solid #ffffff20;color:#bac0d8;font-size:12px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:780px){.hero{grid-template-columns:1fr;min-height:0;padding:36px 0}.player{max-width:540px}.grid{grid-template-columns:1fr 1fr}.schedule{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.wrap{width:min(100% - 34px,1120px)}header{padding:14px 0}.brand{font-size:18px}.brand img{width:40px;height:40px}.lang a{padding:8px 9px;font-size:11px}.hero{padding:31px 0 22px;gap:19px}h1{font-size:clamp(37px,10vw,49px);margin:13px 0}.hero p{font-size:14px}.actions{gap:9px;margin-top:19px}.btn{min-height:46px;padding:12px 13px;font-size:12px}.player{padding:18px}.player h2{font-size:21px}.player img{width:76px;height:76px}.grid,.schedule{grid-template-columns:1fr}.tile{min-height:0;padding:17px}section.content{padding:26px 0 18px}.slot{padding:16px}.ctabox{padding:22px}}
