.ml-card-area{justify-content:center;align-items:center;width:100%;height:580px;padding-top:40px;display:flex;position:relative}.ml-rings{pointer-events:none;z-index:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ml-rings:before,.ml-rings:after{content:"";border:1px dashed var(--ml-ring-color,#e8dcf2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ml-rings:before{width:480px;height:480px}.ml-rings:after{width:360px;height:360px}.ml-card{z-index:5;text-align:left;background:#fff;border-radius:22px;width:340px;padding:22px 20px;transition:opacity .2s;position:relative;box-shadow:0 58px 24px #5d008f05,0 33px 20px #5d008f0f,0 14px 14px #5d008f1a,0 4px 8px #5d008f1f,0 0 0 1px #5d008f0f}.ml-card.ml-fading{opacity:.3}.ml-thumb{aspect-ratio:16/9;background:radial-gradient(circle at 30% 30%,#c8a5e8 0%,#0000 50%),radial-gradient(circle at 70% 70%,#f0b3d8 0%,#0000 50%),linear-gradient(135deg,#5d008f 0%,#2a0050 100%);border-radius:14px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}.ml-play{cursor:default;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ml-play:before{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff38;border:1.5px solid #fff6;border-radius:50%;width:44px;height:44px;position:absolute}.ml-play svg{z-index:1;position:relative}.ml-course-label{color:#5d008f;letter-spacing:.08em;background:#ede4fe;border-radius:99px;margin-bottom:10px;padding:5px 11px;font-size:10px;font-weight:800;display:inline-block}.ml-course-title{color:#1f1b2e;letter-spacing:-.01em;margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.3}.ml-course-desc{color:#6b6880;margin-bottom:16px;font-size:13px;font-weight:500;line-height:1.5}.ml-course-meta{border-top:1px solid #f0e8f7;align-items:center;gap:10px;padding-top:14px;display:flex}.ml-course-meta-text{color:#6b6880;font-size:11px;font-weight:600}.ml-card[dir=rtl] .ml-course-title,.ml-card[dir=rtl] .ml-course-desc,.ml-card[dir=rtl] .ml-course-meta{text-align:right;direction:rtl}.ml-card[dir=rtl] .ml-course-meta{flex-direction:row-reverse}.ml-lang-pill{cursor:pointer;z-index:4;color:#1f1b2e;background:#fff;border:1.5px solid #f0e8f7;border-radius:99px;align-items:center;gap:8px;padding:10px 16px 10px 10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;box-shadow:0 12px 20px #5d008f14,0 4px 8px #5d008f1a}.ml-lang-pill:hover:not(.ml-lang-active){border-color:#d4c6e0;box-shadow:0 16px 28px #5d008f24,0 6px 12px #5d008f1f}.ml-lang-pill.ml-lang-active{color:#fff;background:#5d008f;border-color:#5d008f;animation-play-state:paused;box-shadow:0 0 0 4px #5d008f1f,0 18px 32px #5d008f47,0 6px 12px #5d008f2e}.ml-lang-pill:hover{animation-play-state:paused}.ml-flag{border-radius:50%;flex-shrink:0;width:26px;height:26px;display:block;overflow:hidden;box-shadow:0 2px 4px #00000014}.ml-flag svg{width:100%;height:100%;display:block}.ml-l1{z-index:6;animation:4s ease-in-out infinite mlFloat1;top:-2%;left:50%;transform:translate(-50%)}.ml-l2{animation:4.5s ease-in-out infinite mlFloat2;top:22%;right:6%}.ml-l3{animation:5s ease-in-out infinite mlFloat3;bottom:22%;right:6%}.ml-l4{animation:4.2s ease-in-out infinite mlFloat4;bottom:22%;left:6%}.ml-l5{animation:4.8s ease-in-out infinite mlFloat5;top:22%;left:6%}.ml-l1.ml-lang-active{transform:translate(-50%)scale(1.08)}.ml-l2.ml-lang-active,.ml-l3.ml-lang-active,.ml-l4.ml-lang-active,.ml-l5.ml-lang-active{transform:scale(1.08)}@keyframes mlFloat1{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-6px)}}@keyframes mlFloat2{0%,to{transform:translate(0)}50%{transform:translateY(-5px)}}@keyframes mlFloat3{0%,to{transform:translate(0)}50%{transform:translateY(5px)}}@keyframes mlFloat4{0%,to{transform:translate(0)}50%{transform:translateY(5px)}}@keyframes mlFloat5{0%,to{transform:translate(0)}50%{transform:translateY(-5px)}}@media (max-width:700px){.ml-card-area{height:600px}.ml-card{width:min(90%,300px);padding:18px 16px}.ml-rings:before{width:360px;height:360px}.ml-rings:after{width:280px;height:280px}.ml-lang-pill{padding:8px 12px 8px 8px;font-size:11px}.ml-flag{width:20px;height:20px}}