.mdr{--turq: #00C5A8;--turq-deep: #00967F;--turq-glow: rgba(0,197,168,.22);--turq-dim: rgba(0,197,168,.12);--mdr-accent: #007E6A;--ink: var(--text-primary);--bg: var(--bg-base);--card: var(--bg-elevated);--line: var(--glass-border);--muted: var(--text-muted);--gold: #C9A34E;--walnut: #8C603C}.mdr :not(.student-portal-phone-visual,.student-portal-phone-visual *){box-sizing:border-box;margin:0;padding:0}.mdr{overflow-x:clip;font-family:DM Sans,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}.mdr h2,.mdr .serif{font-family:Amiri,serif}.mdr .pillar-section{padding:110px 32px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;max-width:1180px;margin:0 auto}.mdr .pillar-section.reverse .pillar-copy{order:2}.mdr .pillar-section.reverse .stage{order:1}.mdr .tag{display:inline-flex;align-items:center;background:var(--turq-dim);color:var(--mdr-accent);padding:7px 16px;border-radius:100px;font-size:13px;font-weight:600;margin-bottom:22px}.mdr .pillar-copy h2{font-size:clamp(32px,3.4vw,44px);line-height:1.12;font-weight:700;letter-spacing:-.01em;margin-bottom:22px}.mdr .pillar-copy h2 em{font-style:italic;color:var(--turq);font-weight:400}.mdr .feature-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.mdr .feature-pill{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);padding:8px 14px;border-radius:100px;font-size:12.5px;font-weight:700;color:var(--muted)}.mdr .feature-pill.on{background:var(--turq-dim);border-color:transparent;color:var(--mdr-accent)}.mdr .feature-pill svg{width:14px;height:14px}.mdr .desc{font-size:16px;line-height:1.7;max-width:440px;margin-bottom:14px}.mdr .note{font-size:14px;line-height:1.6;color:var(--muted);max-width:440px;margin-bottom:26px}.mdr .trust-badge{display:inline-flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);border:1px solid rgba(0,150,127,.18);padding:12px 16px;border-radius:14px;margin-bottom:18px;max-width:420px}.mdr .trust-badge svg{width:17px;height:17px;flex-shrink:0;margin-top:1px}.mdr .trust-badge+.explore{display:inline-block}.mdr .explore{font-size:14px;font-weight:700;color:var(--mdr-accent);text-decoration:none;border-bottom:1.5px solid rgba(0,150,127,.3);padding-bottom:3px}.mdr .explore:hover{border-color:var(--turq)}.mdr .explore:focus-visible{outline:2px solid var(--turq);outline-offset:4px;border-radius:2px}.mdr .stage{display:flex;justify-content:center;align-items:center;min-height:440px}.mdr .rig{position:relative;width:400px;height:340px}.mdr .float{position:absolute;top:0;right:0;bottom:0;left:0;animation:mdr-floaty 8s ease-in-out infinite}@keyframes mdr-floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mdr .halo{position:absolute;left:50%;top:50%;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;background:radial-gradient(circle at 42% 38%,rgba(0,197,168,.26),rgba(0,197,168,.08) 55%,transparent 72%);transform:scale(.6);opacity:0;transition:transform 1.1s cubic-bezier(.2,.9,.3,1),opacity .9s ease}.mdr .play .halo{transform:scale(1);opacity:1}.mdr .scene-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.mdr .scene-svg *{transform-box:fill-box}.mdr .chip{position:absolute;z-index:20;display:flex;align-items:center;gap:9px;background:var(--card);border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:9px 14px 9px 10px;white-space:nowrap;box-shadow:0 1px #ffffffe6 inset,0 16px 32px -10px #0d2b2a47;opacity:0;transform:translateY(8px) scale(.94);transition:opacity .5s ease,transform .55s cubic-bezier(.3,1.4,.5,1);transition-delay:var(--d, 0s)}.mdr .play .chip{opacity:1;transform:none}.mdr .chip-ic{width:28px;height:28px;border-radius:50%;background:var(--turq-dim);color:var(--mdr-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdr .chip-ic svg{width:15px;height:15px}.mdr .chip-t{font-size:12.5px;font-weight:700}.mdr .chip-s{font-size:10.5px;color:var(--muted);margin-top:1px}.mdr .m-rise{transform-origin:50% 100%;transform:scaleY(0);transition:transform .8s cubic-bezier(.2,.9,.25,1.12);transition-delay:var(--d, 0s)}.mdr .play .m-rise{transform:scaleY(1)}.mdr .m-pop{transform-origin:50% 100%;transform:scale(0);transition:transform .95s cubic-bezier(.3,1.5,.5,1);transition-delay:var(--d, 0s)}.mdr .play .m-pop{transform:scale(1)}.mdr .m-fade{opacity:0;transform:translateY(-10px);transition:opacity .6s ease,transform .7s ease;transition-delay:var(--d, 0s)}.mdr .play .m-fade{opacity:1;transform:none}.mdr .m-shadow{transform-origin:50% 50%;transform:scaleX(0);transition:transform .9s ease}.mdr .play .m-shadow{transform:scaleX(1)}.mdr .m-win{fill:#d6e0dc;transition:fill .5s ease;transition-delay:var(--d, 0s)}.mdr .play .m-win{fill:#f2c75c}.mdr .m-star{opacity:0}.mdr .play .m-star{animation:mdr-twinkle 2.8s ease-in-out infinite;animation-delay:var(--d, 0s)}@keyframes mdr-twinkle{0%,to{opacity:.2}50%{opacity:1}}.mdr .chip.cyc{width:214px;height:50px;padding:0}.mdr .cyc-item{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:9px;padding:0 14px 0 10px;opacity:0;transition:opacity .5s ease}.mdr .cyc-item.active{opacity:1;transition:opacity .6s ease .5s}.mdr .bk-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1100px}.mdr .bk-slab{position:absolute;left:22px;height:20px;border-radius:4px;box-shadow:0 6px 14px -6px #0d2b2a59;opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .6s cubic-bezier(.3,1.3,.5,1);transition-delay:var(--d)}.mdr .bk-slab:after{content:"";position:absolute;top:6px;left:14px;width:34px;height:2px;background:var(--gold);border-radius:2px;opacity:.9}.mdr .play .bk-slab{opacity:1;transform:none}.mdr .bk-book{position:absolute;left:132px;top:88px;width:236px;height:156px;transform-style:preserve-3d;transform:rotateX(40deg) rotate(-6deg) translateY(24px);opacity:0;transition:opacity .6s ease .25s,transform .9s cubic-bezier(.2,.9,.3,1) .25s}.mdr .play .bk-book{opacity:1;transform:rotateX(40deg) rotate(-6deg)}.mdr .bk-backboard{position:absolute;left:-5px;top:-5px;width:128px;height:166px;border-radius:9px 2px 2px 9px;background:linear-gradient(145deg,#0f4a44,#082e2a);transform:translateZ(-1px);box-shadow:0 24px 40px -18px #0d2b2a8c}.mdr .bk-backboard.right{left:113px;border-radius:2px 9px 9px 2px;opacity:0;transition:opacity .3s ease 1.25s}.mdr .play .bk-backboard.right{opacity:1}.mdr .leaf{position:absolute;left:0;top:0;width:118px;height:156px;transform-origin:100% 50%;transform-style:preserve-3d;transform:translateZ(var(--z0)) rotateY(var(--a0));transition:transform 1s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.mdr .play .leaf{transform:translateZ(var(--z1)) rotateY(var(--a1))}.mdr .face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.mdr .face.back{transform:rotateY(180deg)}.mdr .cover-front{border-radius:7px 1px 1px 7px;background:linear-gradient(150deg,#11c9ab,#007a68 70%)}.mdr .cover-front:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1.5px solid rgba(201,163,78,.9);border-radius:4px}.mdr .cover-front .orn{position:absolute;left:50%;top:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border:1.5px solid var(--gold);border-radius:50%}.mdr .cover-front .orn:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1.5px solid var(--gold);transform:rotate(45deg)}.mdr .cover-back{border-radius:1px 7px 7px 1px;background:#0f5a50;padding:6px}.mdr .cover-back:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:2px;background:repeating-linear-gradient(45deg,#f1e9d6 0,#f1e9d6 6px,#ece2cb 6px,#ece2cb 12px)}.mdr .pg{background:#fbf8f1;padding:16px 14px 12px;text-align:right}.mdr .pg.left{border-radius:5px 0 0 5px;box-shadow:inset -14px 0 18px -14px #0d2b2a40}.mdr .pg.right{border-radius:0 5px 5px 0;box-shadow:inset 14px 0 18px -14px #0d2b2a40;text-align:left}.mdr .pg-ar{font-family:Amiri,serif;font-size:22px;white-space:nowrap;line-height:1;color:var(--turq-deep)}.mdr .pg-en{font-size:10.5px;font-weight:700;color:var(--ink);margin-top:6px}.mdr .pg-lines{margin-top:12px;height:62px;background:repeating-linear-gradient(to bottom,rgba(13,43,42,.13) 0 2px,transparent 2px 10px)}.mdr .pg-done{white-space:nowrap;display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:4px 8px;border-radius:100px}.mdr .pg-done svg{width:10px;height:10px}.mdr .pg.right .pg-lines{margin-top:14px;height:86px}.mdr .r3-scene{position:absolute;top:0;right:0;bottom:0;left:0;perspective:900px;perspective-origin:50% 12%;opacity:0;transition:opacity .8s ease .1s}.mdr .play .r3-scene{opacity:1}.mdr .r3-world{position:absolute;left:200px;top:226px;width:0;height:0;transform-style:preserve-3d;transform:rotateX(-24deg) scale3d(1.02,1.02,1.02)}.mdr .r3-mat{position:absolute;left:-178px;top:-60px;width:356px;height:120px;border-radius:16px;background:linear-gradient(180deg,#f0e8d8,#e7ddc8);box-shadow:inset 0 0 0 7px #e2d5bb,inset 0 0 0 8.5px #c9a34e99,inset 0 0 0 13px #e2d5bb,inset 0 0 0 14px #c9a34e59;transform:rotateX(90deg)}.mdr .r3-shadow{position:absolute;left:-58px;top:-30px;width:116px;height:60px;border-radius:50%;background:radial-gradient(closest-side,rgba(70,40,18,.34),transparent);transform:translate(var(--x)) translateY(-1px) rotateX(90deg) scaleX(.35);transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.mdr .play .r3-shadow{transform:translate(var(--x)) translateY(-1px) rotateX(90deg) scaleX(1)}.mdr .rehal{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translate3d(var(--x),-34.4px,0)}.mdr .rehal-lift{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:translateY(-24.7px);transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.mdr .play .rehal-lift{transform:translateY(0)}.mdr .board{position:absolute;left:-60px;top:-28px;width:120px;height:56px;border-radius:13px;transform-style:preserve-3d;background:radial-gradient(circle at 17% 50%,#3A2210 0 3.2px,transparent 3.7px),radial-gradient(circle at 83% 50%,#3A2210 0 3.2px,transparent 3.7px),linear-gradient(90deg,#a86f42,#8e5a33 50%,#a86f42);transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.mdr .board:before,.mdr .board:after{content:"";position:absolute;top:50%;width:9px;height:9px;margin-top:-4.5px;background:#3a2210;transform:rotate(45deg)}.mdr .board:before{left:28%}.mdr .board:after{right:28%}.mdr .board .thick{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#5e3a1f;transform:translateZ(-5px)}.mdr .board.a{transform:rotate(-80deg) rotateX(90deg)}.mdr .board.b{transform:rotate(80deg) rotateX(90deg)}.mdr .play .board.a{transform:rotate(-35deg) rotateX(90deg)}.mdr .play .board.b{transform:rotate(35deg) rotateX(90deg)}.mdr .r-half{position:absolute;top:-38px;width:64px;height:76px;transform-style:preserve-3d;background:#fbf4de;padding:9px 8px;transition:transform 1.2s cubic-bezier(.45,.05,.25,1);transition-delay:var(--d)}.mdr .r-half.l{left:-64px;transform-origin:100% 50%;transform:translateY(-4px) rotate(80deg) rotateX(90deg);box-shadow:inset -12px 0 14px -12px #5a3c1466}.mdr .r-half.r{left:0;transform-origin:0% 50%;transform:translateY(-4px) rotate(-80deg) rotateX(90deg);box-shadow:inset 12px 0 14px -12px #5a3c1466}.mdr .play .r-half.l{transform:translateY(-4px) rotate(35deg) rotateX(90deg)}.mdr .play .r-half.r{transform:translateY(-4px) rotate(-35deg) rotateX(90deg)}.mdr .rehal.qaidah .r-half{background:#fff;padding:8px 7px}.mdr .rehal.qaidah .r-half:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1.5px solid #7CC76A;border-radius:3px;pointer-events:none}.mdr .rehal.qaidah .r-cov{transform:translateZ(-2px);background:linear-gradient(150deg,#b4e39a,#6cbf5b 55%,#43a33b)}.mdr .rehal.qaidah .r-edge{height:2px;background:#eaf6e4}.mdr .q-grid{direction:rtl;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;gap:1px}.mdr .q-l{display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-size:15px;font-weight:700;line-height:1;opacity:0;transition:opacity .6s ease;transition-delay:var(--d)}.mdr .play .q-l{opacity:1}.mdr .r-frame{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1.3px solid rgba(201,163,78,.9);border-radius:2px;box-shadow:inset 0 0 0 2px #fbf4de,inset 0 0 0 3px #00967f59}.mdr .r-band{height:8px;margin:1px 3px 5px;border-radius:2px;background:linear-gradient(90deg,#c9a34e59,#c9a34ee6,#c9a34e59)}.mdr .r-ln{height:2px;margin:5px 4px;border-radius:2px;background:#3c2d1961;transform-origin:100% 50%;transform:scaleX(0);transition:transform .4s ease;transition-delay:var(--d)}.mdr .play .r-ln{transform:scaleX(1)}.mdr .r-cov{position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;border-radius:3px;background:linear-gradient(150deg,#0e6b5f,#07443d);transform:translateZ(-5px)}.mdr .r-edge{position:absolute;left:0;top:100%;width:100%;height:5px;transform-origin:top;transform:rotateX(-90deg);background:linear-gradient(90deg,#f3d878,#b9e1d2,#d7c6ee,#f4c2b8,#f3d878)}.mdr .r-leaf{position:absolute;left:-64px;top:-38px;width:64px;height:76px;padding:9px 8px;background:#fdf8e8;transform-origin:100% 50%;transform:translateY(-5px) rotate(80deg) rotateX(90deg);box-shadow:inset -12px 0 14px -12px #5a3c144d}.mdr .play .r-leaf{animation:mdr-leafTurn 4.4s both}@keyframes mdr-leafTurn{0%{transform:translateY(-5px) rotate(80deg) rotateX(90deg)}19.3%{transform:translateY(-5px) rotate(80deg) rotateX(90deg);animation-timing-function:cubic-bezier(.45,.05,.25,1)}46.6%{transform:translateY(-5px) rotate(35deg) rotateX(90deg)}66%{transform:translateY(-5px) rotate(35deg) rotateX(90deg);animation-timing-function:cubic-bezier(.45,.1,.3,1)}94%{transform:translateY(-5px) rotate(145deg) rotateX(90deg)}to{transform:translateY(-5px) rotate(145deg) rotateX(90deg)}}.mdr.rm .play .r-leaf{transform:translateY(-5px) rotate(145deg) rotateX(90deg)}.mdr .r3-glow{position:absolute;left:110px;top:96px;width:180px;height:120px;border-radius:50%;background:radial-gradient(closest-side,rgba(242,199,92,.38),transparent 75%);opacity:0;transition:opacity 1s ease 2.2s}.mdr .play .r3-glow{opacity:1}.mdr .k3-tick{position:absolute;z-index:15;width:26px;height:26px;margin-left:-13px;border-radius:50%;background:var(--turq);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -6px #00967f8c,0 0 0 4px #ffffffbf;opacity:0;transform:translateY(10px) scale(.4);transition:opacity .3s ease,transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:var(--d)}.mdr .play .k3-tick{opacity:1;transform:none}.mdr .k3-tick svg{width:13px;height:13px}.mdr .r3-label{position:absolute;top:262px;z-index:12;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--mdr-accent);background:#ffffffe6;border:1px solid rgba(0,150,127,.18);padding:4px 11px;border-radius:100px;white-space:nowrap;opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.mdr .play .r3-label{opacity:1}.mdr .bk-slab span{position:absolute;left:56px;top:50%;transform:translateY(-50%);font-size:8.5px;font-weight:700;color:#ffffffe6;letter-spacing:.02em}.mdr .pg-band{height:6px;width:60%;margin:2px 0 0 auto;border-radius:2px;background:linear-gradient(90deg,#c9a34e4d,#c9a34ecc)}.mdr .dn-pill{position:absolute;left:0;top:30px;z-index:10;display:flex;align-items:center;gap:10px;background:var(--card);border-radius:100px;padding:7px 7px 7px 14px;box-shadow:0 16px 32px -12px #0d2b2a4d;opacity:0;transform:translate(-12px);transition:opacity .5s ease .2s,transform .6s ease .2s}.mdr .play .dn-pill{opacity:1;transform:none}.mdr .dn-amt{font-family:Amiri,serif;font-size:19px;font-weight:700}.mdr .dn-lbl{font-size:11px;color:var(--muted);font-weight:600}.mdr .dn-give{background:var(--turq);color:#06201e;font-size:12px;font-weight:700;padding:8px 14px;border-radius:100px}.mdr .play .dn-give{animation:mdr-tap .6s ease 3 .7s}@keyframes mdr-tap{0%,to{transform:scale(1)}40%{transform:scale(.86);box-shadow:0 0 0 6px var(--turq-dim)}}.mdr .coin{opacity:0;transform-origin:50% 50%}.mdr .play .coin{animation:mdr-coinArc 1s cubic-bezier(.4,0,.6,1) forwards;animation-delay:var(--d)}@keyframes mdr-coinArc{0%{transform:translate(128px,52px) scale(.4);opacity:0}14%{transform:translate(138px,34px) scale(1);opacity:1}48%{transform:translate(160px,18px) scale(1)}86%{transform:translate(180px,98px) scale(.85);opacity:1}to{transform:translate(180px,114px) scale(.5);opacity:0}}.mdr .jar{opacity:0;transform-origin:50% 100%;transform:scale(.92);transition:opacity .5s ease,transform .7s cubic-bezier(.3,1.3,.5,1)}.mdr .play .jar{opacity:1;transform:none}.mdr .liquid{transform:translateY(170px);transition:transform 2.4s cubic-bezier(.2,.7,.3,1) 1.1s}.mdr .play .liquid{transform:translateY(66px)}.mdr .wave{animation:mdr-wave 2.4s linear infinite}@keyframes mdr-wave{0%{transform:translate(0)}to{transform:translate(-40px)}}.mdr .dn-stat{position:absolute;left:268px;top:128px;width:132px;opacity:0;transform:translateY(8px);transition:opacity .5s ease .9s,transform .6s ease .9s}.mdr .play .dn-stat{opacity:1;transform:none}.mdr .dn-stat-l{font-size:11px;font-weight:700;color:var(--muted)}.mdr .dn-stat-v{font-family:Amiri,serif;font-size:28px;font-weight:700;line-height:1.1;margin-top:2px}.mdr .dn-bar{height:6px;border-radius:100px;background:var(--line);margin:8px 0 6px;overflow:hidden}.mdr .dn-bar-fill{height:100%;width:0;border-radius:100px;background:var(--turq);transition:width 2.4s cubic-bezier(.2,.7,.3,1) 1.1s}.mdr .play .dn-bar-fill{width:62%}.mdr .dn-stat-s{font-size:11px;color:var(--muted)}.mdr .ticket{position:absolute;right:-26px;bottom:4px;z-index:12;width:196px;display:flex;background:var(--card);border-radius:14px;box-shadow:0 20px 36px -12px #0d2b2a52;opacity:0;transform:translateY(24px) rotate(4deg);transition:opacity .5s ease 3.4s,transform .7s cubic-bezier(.3,1.4,.5,1) 3.4s}.mdr .play .ticket{opacity:1;transform:translateY(0) rotate(4deg)}.mdr .t-stub{width:50px;flex-shrink:0;border-radius:14px 0 0 14px;background:linear-gradient(160deg,var(--turq),var(--turq-deep));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.mdr .t-day{font-family:Amiri,serif;font-size:22px;font-weight:700;line-height:1}.mdr .t-mon{font-size:10px;font-weight:700;opacity:.9}.mdr .t-body{position:relative;flex:1;padding:11px 12px 11px 14px;border-left:2px dashed var(--line)}.mdr .t-body:before,.mdr .t-body:after{content:"";position:absolute;left:-7px;width:12px;height:12px;border-radius:50%;background:var(--bg)}.mdr .t-body:before{top:-6px}.mdr .t-body:after{bottom:-6px}.mdr .t-title{font-size:13px;font-weight:700}.mdr .t-meta{font-size:10.5px;color:var(--muted);margin-top:2px}.mdr .t-going{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:10.5px;font-weight:700;color:var(--mdr-accent)}.mdr .t-av{display:flex}.mdr .t-av span{width:16px;height:16px;border-radius:50%;border:2px solid #fff;margin-left:-5px}.mdr .t-av span:first-child{margin-left:0}.mdr .wa-phone{position:absolute;left:22px;top:0;width:184px;height:340px;z-index:5;border-radius:36px;padding:5px;background:linear-gradient(160deg,#4a4a4d,#232326 18%,#0a0a0b 55%,#232326);box-shadow:0 1px #ffffff29 inset,0 20px 40px -12px #0d2b2a59,0 48px 80px -24px #0d2b2a59;opacity:0;transform:translateY(16px);transition:opacity .6s ease .15s,transform .8s cubic-bezier(.2,.9,.3,1) .15s}.mdr .play .wa-phone{opacity:1;transform:none}.mdr .wa-screen{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#efeae2;display:flex;flex-direction:column}.mdr .wa-island{position:absolute;top:8px;left:50%;width:58px;height:17px;margin-left:-29px;border-radius:100px;background:#000;z-index:3}.mdr .wa-status{height:30px;flex-shrink:0;background:#075e54;color:#fff;font-size:9.5px;font-weight:700;padding:10px 16px 0}.mdr .wa-top{flex-shrink:0;background:#075e54;color:#fff;display:flex;align-items:center;gap:7px;padding:4px 10px 8px}.mdr .wa-av{width:24px;height:24px;border-radius:50%;background:var(--turq);display:flex;align-items:center;justify-content:center;font-family:Amiri,serif;font-weight:700;font-size:13px}.mdr .wa-name{font-size:11px;font-weight:700;display:flex;align-items:center;gap:3px}.mdr .wa-name svg{width:10px;height:10px}.mdr .wa-sub{font-size:8.5px;opacity:.75}.mdr .wa-thread{flex:1;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:5px;padding:8px 8px 12px}.mdr .wa-m{display:none;max-width:84%;font-size:10px;line-height:1.38;padding:5px 8px 3px;border-radius:8px;color:#111b21;box-shadow:0 1px 1px #00000014}.mdr .wa-m.on{display:block;animation:mdr-waPop .35s cubic-bezier(.3,1.4,.5,1) both}@keyframes mdr-waPop{0%{opacity:0;transform:translateY(6px) scale(.94)}to{opacity:1;transform:none}}.mdr .wa-m.out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}.mdr .wa-m.in{align-self:flex-start;background:#fff;border-top-left-radius:2px}.mdr .wa-meta{display:flex;justify-content:flex-end;align-items:center;gap:3px;font-size:7.5px;color:#111b2173;margin-top:1px}.mdr .wa-ticks{width:13px;height:8px;color:#111b2159;transition:color .3s ease}.mdr .wa-m.read .wa-ticks{color:#53bdeb}.mdr .wa-typing{display:none;align-self:flex-start;background:#fff;border-radius:2px 8px 8px;padding:7px 9px;gap:3px;box-shadow:0 1px 1px #00000014}.mdr .wa-typing.on{display:flex}.mdr .wa-typing.gone{display:none}.mdr .wa-typing span{width:5px;height:5px;border-radius:50%;background:#111b2159;animation:mdr-waDot 1s ease-in-out infinite}.mdr .wa-typing span:nth-child(2){animation-delay:.15s}.mdr .wa-typing span:nth-child(3){animation-delay:.3s}@keyframes mdr-waDot{0%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-3px);opacity:1}}.mdr .wa-home{position:absolute;bottom:5px;left:50%;width:64px;height:3px;margin-left:-32px;border-radius:100px;background:#111b214d}.mdr .wa-note{position:absolute;left:198px;width:206px;z-index:6;display:flex;gap:10px;align-items:flex-start;background:var(--card);border-radius:16px;padding:11px 13px 11px 11px;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px #ffffffe6 inset,0 18px 34px -12px #0d2b2a4d;opacity:0;transform:translate(-34px) scale(.94);transition:opacity .45s ease,transform .6s cubic-bezier(.3,1.3,.5,1)}.mdr .wa-note.on{opacity:1;transform:none}.mdr .wa-note-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center}.mdr .wa-note-ic svg{width:16px;height:16px}.mdr .wa-note-head{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700}.mdr .wa-note-head span{font-weight:500;color:var(--muted)}.mdr .wa-note-body{font-size:11.5px;line-height:1.4;margin-top:2px}.mdr .wa-note-body b{font-weight:700}.mdr .fee-card{position:absolute;left:4px;top:16px;width:262px;z-index:5;background:var(--card);border-radius:20px;padding:16px 16px 12px;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px #ffffffe6 inset,0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(16px);transition:opacity .6s ease .15s,transform .8s cubic-bezier(.2,.9,.3,1) .15s}.mdr .play .fee-card{opacity:1;transform:none}@keyframes mdr-calmIn{0%{opacity:0}to{opacity:1}}.mdr .fee-lbl{font-size:11px;font-weight:700;color:var(--muted)}.mdr .fee-total{display:flex;align-items:baseline;gap:6px;margin-top:2px}.mdr .fee-total-v{font-family:Amiri,serif;font-size:30px;font-weight:700;line-height:1.05}.mdr .fee-total-s{font-size:11px;color:var(--muted);font-weight:600}.mdr .fee-bar{height:6px;border-radius:100px;background:var(--line);margin:9px 0 12px;overflow:hidden}.mdr .fee-bar-fill{height:100%;width:34%;background:var(--turq);border-radius:100px;transition:width 1s cubic-bezier(.4,0,.2,1)}.mdr .play .fee-bar-fill.s1{width:58%}.mdr .play .fee-bar-fill.s2{width:78%}.mdr .play .fee-bar-fill.s3{width:96%}.mdr .fee-row{display:flex;align-items:center;gap:9px;height:48px;border-top:1px solid var(--line)}.mdr .fee-av{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:700;color:#fff}.mdr .fee-who{flex:1;min-width:0}.mdr .fee-name{font-size:11.5px;font-weight:700}.mdr .fee-sub{font-size:9.5px;color:var(--muted);margin-top:1px;display:flex;align-items:center;gap:4px;white-space:nowrap}.mdr .fee-disc{flex-shrink:0;font-size:8.5px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:1px 5px;border-radius:100px}.mdr .fee-right{width:92px;flex-shrink:0;text-align:right;display:flex;flex-direction:column;align-items:flex-end}.mdr .fee-amt{font-size:11.5px;font-weight:700;height:16px;line-height:16px;white-space:nowrap}.mdr .fee-amt-old{color:var(--ink);margin-right:4px;transition:opacity .8s ease,color .8s ease}.mdr .fee-amt-old.read{text-decoration:line-through;color:var(--muted);opacity:.6}.mdr .fee-amt-new{opacity:0;transition:opacity .8s ease}.mdr .fee-amt-new.on{opacity:1}.mdr .st{display:none;align-items:center;gap:4px;margin-top:3px;height:17px;font-size:9px;font-weight:700;padding:0 7px;border-radius:100px;white-space:nowrap}.mdr .st.base{display:inline-flex}.mdr .st.on{display:inline-flex;animation:mdr-calmIn .7s ease both}.mdr .st.gone{display:none}.mdr .st svg{width:9px;height:9px}.mdr .st-due{background:var(--line);color:var(--muted)}.mdr .st-col{background:var(--turq-dim);color:var(--mdr-accent)}.mdr .st-col i{width:8px;height:8px;border-radius:50%;border:1.5px solid rgba(0,150,127,.3);border-top-color:var(--mdr-accent);animation:mdr-spin 1.3s linear infinite}@keyframes mdr-spin{to{transform:rotate(360deg)}}.mdr .st-paid{background:var(--turq-dim);color:var(--mdr-accent)}.mdr .st-fail{background:#b5453a1f;color:#b5453a}.mdr .st-retry{background:#c9a34e2e;color:#8a6d24}.mdr .fee-foot{font-size:9.5px;color:var(--muted);text-align:center;margin-top:8px}.mdr .fee-wa{position:absolute;left:252px;width:156px;z-index:6;background:#fff;border-radius:14px;padding:9px 11px 7px;box-shadow:0 16px 30px -10px #0d2b2a4d;opacity:0;transform:translate(-10px);transform-origin:0% 50%;transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.mdr .fee-wa.on{opacity:1;transform:none}.mdr .fee-wa:before{content:"";position:absolute;left:-6px;width:12px;height:12px;background:#fff;transform:rotate(45deg);border-radius:2px}.mdr .fee-wa.tail-low:before{bottom:12px}.mdr .fee-wa.tail-high:before{top:12px}.mdr .fee-wa-head{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:700;color:var(--muted);margin-bottom:4px}.mdr .fee-wa-head i{width:14px;height:14px;border-radius:4px;background:#25d366;display:flex;align-items:center;justify-content:center;color:#fff;font-style:normal}.mdr .fee-wa-head svg{width:9px;height:9px}.mdr .fee-wa-body{font-size:10.5px;line-height:1.4;color:#111b21}.mdr .fee-wa-body a{color:#027eb5;text-decoration:none;font-weight:600}.mdr .fee-wa-meta{font-size:7.5px;color:#111b2166;text-align:right;margin-top:2px}@media (max-width: 980px){.mdr .pillar-section{grid-template-columns:minmax(0,1fr);gap:12px;padding:72px 24px;text-align:center}.mdr .stage{min-width:0;min-height:380px}.mdr .hero-ctas,.mdr .jump{justify-content:center}.mdr .pillar-section.reverse .pillar-copy,.mdr .pillar-section .pillar-copy{order:1}.mdr .pillar-section.reverse .stage,.mdr .pillar-section .stage{order:2}.mdr .desc,.mdr .note{margin-left:auto;margin-right:auto}.mdr .feature-row{justify-content:center}}@media (max-width: 560px){.mdr .pillar-section{padding:56px 16px}.mdr .pillar-copy h2{font-size:32px}.mdr .desc{font-size:15px}.mdr .stage{min-height:0;padding:12px 0}.mdr .rig{--s: .82;transform:scale(var(--s));margin:calc(170px * (var(--s) - 1)) calc(200px * (var(--s) - 1))}.mdr .jump{padding:0 16px 20px}}@media (max-width: 440px){.mdr .rig{--s: .72}.mdr .feature-pill{font-size:12px;padding:7px 12px}}@media (max-width: 360px){.mdr .rig{--s: .64}}.mdr.rm *,.mdr.rm *:before,.mdr.rm *:after{transition:none!important;animation:none!important}.mdr.rm .m-star{opacity:.8}.mdr .btn{display:inline-flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-weight:700;font-size:14.5px;border-radius:100px;text-decoration:none}.mdr .btn-primary{background:var(--turq);color:#06201e;padding:13px 24px;box-shadow:0 14px 30px -12px #00967f99}.mdr .btn-primary:hover{background:#00d6b7}.mdr .btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.mdr .btn-sm{padding:10px 18px;font-size:13.5px;box-shadow:none}.mdr .hero{padding-top:70px;padding-bottom:70px}.mdr .hero h1{font-family:Amiri,serif;font-size:clamp(40px,5vw,60px);line-height:1.06;font-weight:700;letter-spacing:-.015em;margin-bottom:22px}.mdr .hero h1 em{font-style:italic;color:var(--turq);font-weight:400}.mdr .hero .desc{font-size:17.5px;max-width:480px;margin-bottom:30px}.mdr .hero-ctas{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.mdr .jump{max-width:1180px;margin:0 auto;padding:0 32px 20px;display:flex;flex-wrap:wrap;gap:10px}.mdr .jump a{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);padding:9px 15px;border-radius:100px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease}.mdr .jump a svg{width:14px;height:14px;color:var(--mdr-accent)}.mdr .jump a:hover{border-color:var(--turq);box-shadow:0 6px 18px -8px var(--turq-glow)}.mdr .jump a:focus-visible{outline:2px solid var(--turq);outline-offset:2px}.mdr .pillar-section{scroll-margin-top:80px}.mdr .chip{transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d, 0s)}.mdr .k3-tick{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.mdr .wa-m.on{animation:mdr-calmIn .6s ease both}.mdr .cd-doc{position:absolute;left:40px;top:8px;width:240px;height:324px;border-radius:6px;background:linear-gradient(160deg,#fffcf2,#f5ecd6);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(14px);transition:opacity .9s ease .15s,transform 1.1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .cd-doc{opacity:1;transform:none}.mdr .cd-face.cyc-item{display:block;padding:22px 26px 20px;text-align:center;border-radius:6px;transition:opacity .6s ease}.mdr .cd-face.cyc-item.active{transition:opacity .7s ease .6s}.mdr .cd-face:before,.mdr .cd-face:after{content:"";position:absolute;pointer-events:none}.mdr .cd-face.nikah{color:#9c7a2e}.mdr .cd-face.nikah:before{top:9px;right:9px;bottom:9px;left:9px;border:1.5px solid rgba(201,163,78,.85);border-radius:3px}.mdr .cd-face.nikah:after{top:13px;right:13px;bottom:13px;left:13px;border:.8px solid rgba(201,163,78,.5);border-radius:2px}.mdr .cd-face.shahadah{background:linear-gradient(160deg,#fbfdfb,#eef5f0)}.mdr .cd-face.shahadah:before{top:10px;right:10px;bottom:10px;left:10px;border:2px solid rgba(0,150,127,.7);border-radius:2px}.mdr .cd-face.shahadah:after{top:15px;right:15px;bottom:15px;left:15px;border:.8px solid rgba(0,150,127,.35)}.mdr .cd-corner{position:absolute;width:9px;height:9px;background:#00977f;transform:rotate(45deg)}.mdr .cd-corner.tl{left:6px;top:6px}.mdr .cd-corner.tr{right:6px;top:6px}.mdr .cd-corner.bl{left:6px;bottom:6px}.mdr .cd-corner.br{right:6px;bottom:6px}.mdr .cd-face.talaq{color:#4e6360;background:linear-gradient(160deg,#fbfbf9,#eef0ec)}.mdr .cd-face.talaq:before{top:10px;right:10px;bottom:10px;left:10px;border:1.5px solid rgba(78,99,96,.55);border-radius:2px}.mdr .cd-face.talaq:after{top:14px;right:14px;bottom:14px;left:14px;border:.8px solid rgba(78,99,96,.25);border-radius:1px}.mdr .cd-rule{width:44px;height:1.5px;margin:10px auto 12px;background:#4e636080;opacity:0;transition:opacity .8s ease .6s}.mdr .play .cd-rule{opacity:1}.mdr .cd-face.death{color:#4f5b61;background:linear-gradient(160deg,#fafaf9,#eceeee)}.mdr .cd-face.death:before{top:10px;right:10px;bottom:10px;left:10px;border:1.5px solid rgba(79,91,97,.5);border-radius:2px}.mdr .cd-face.death:after{top:14px;right:14px;bottom:14px;left:14px;border:.8px solid rgba(79,91,97,.22);border-radius:1px}.mdr .cd-ayah{font-family:Amiri,serif;font-size:15px;line-height:1.5;color:#4f5b61;opacity:0;transition:opacity .9s ease .7s}.mdr .play .cd-ayah{opacity:1}.mdr .cd-qr{position:absolute;top:20px;right:20px;width:26px;height:26px;color:#0d2b2a;opacity:0;transition:opacity .8s ease 1.2s}.mdr .play .cd-qr{opacity:1}.mdr .cd-face.shahadah .cd-qr{top:22px;right:22px}.mdr .cd-orn{width:60px;height:26px;display:block;margin:0 auto 2px;opacity:0;transition:opacity .8s ease .6s}.mdr .play .cd-orn{opacity:1}.mdr .cd-ar{font-family:Amiri,serif;font-size:24px;line-height:1.15;opacity:0;transition:opacity .8s ease .8s}.mdr .cd-kalima{font-family:Amiri,serif;font-size:17px;line-height:1.5;color:#00796a;margin:6px 0 2px;display:flex;flex-direction:column;opacity:0;transition:opacity .9s ease .7s}.mdr .play .cd-ar,.mdr .play .cd-kalima{opacity:1}.mdr .cd-title{margin:6px 0 2px;font-family:Amiri,serif;font-size:18px;font-weight:700;color:var(--ink);line-height:1.15;opacity:0;transition:opacity .8s ease 1s}.mdr .cd-sub{font-family:Amiri,serif;font-style:italic;font-size:13px;color:var(--ink);margin-bottom:4px;opacity:0;transition:opacity .8s ease 1.05s}.mdr .cd-from{font-size:10px;color:var(--muted);margin-bottom:14px;opacity:0;transition:opacity .8s ease 1.1s}.mdr .play .cd-title,.mdr .play .cd-sub,.mdr .play .cd-from{opacity:1}.mdr .cd-pair{display:flex;gap:14px}.mdr .cd-pair .cd-field{flex:1}.mdr .cd-field{text-align:left;margin-bottom:12px}.mdr .cd-field span{display:block;font-size:8.5px;font-weight:700;color:#0d2b2a73;margin-bottom:13px;opacity:0;transition:opacity .6s ease;transition-delay:var(--d)}.mdr .cd-field i{display:block;height:1px;background:#0d2b2a47;transform:scaleX(0);transform-origin:0 50%;transition:transform .9s cubic-bezier(.4,0,.2,1);transition-delay:var(--d)}.mdr .play .cd-field span{opacity:1}.mdr .play .cd-field i{transform:scaleX(1)}.mdr .cd-foot{position:absolute;left:26px;right:26px;bottom:24px;display:flex;align-items:flex-end;justify-content:space-between}.mdr .cd-sign{text-align:left}.mdr .cd-sign svg{width:104px;height:40px;display:block}.mdr .cd-sig{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;transition:stroke-dashoffset 1.8s cubic-bezier(.45,.05,.45,1) 2s}.mdr .play .cd-sig{stroke-dashoffset:0}.mdr .cd-sign-l{font-size:8.5px;color:var(--muted);border-top:1px solid rgba(13,43,42,.28);padding-top:4px;margin-top:1px;opacity:0;transition:opacity .6s ease 1.8s}.mdr .play .cd-sign-l{opacity:1}.mdr .cd-seal{width:62px;height:62px;opacity:0;transform:scale(1.35);transform-origin:50% 50%;transition:opacity .6s ease 4s,transform 1s cubic-bezier(.2,.8,.2,1) 4s;filter:drop-shadow(0 4px 6px rgba(120,90,30,.3))}.mdr .play .cd-seal{opacity:1;transform:scale(1)}.mdr .an-site{position:absolute;left:78px;top:20px;width:318px;height:296px;border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a4d;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .an-site{opacity:1;transform:none}.mdr .an-bar{height:30px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#efece6;border-bottom:1px solid var(--line)}.mdr .an-bar i{width:7px;height:7px;border-radius:50%;background:#0d2b2a2e}.mdr .an-bar span{margin-left:10px;flex:1;height:17px;border-radius:100px;background:#fff;font-size:9px;color:var(--muted);display:flex;align-items:center;padding-left:10px}.mdr .an-page{padding:14px 16px}.mdr .an-h{font-family:Amiri,serif;font-size:19px;font-weight:700;margin-bottom:8px}.mdr .an-item{display:flex;gap:10px;align-items:flex-start;border-top:1px solid var(--line);padding:10px 0;max-height:120px;overflow:hidden;transition:max-height 1s cubic-bezier(.4,0,.2,1),padding 1s cubic-bezier(.4,0,.2,1),opacity .8s ease,border-color .8s ease}.mdr .an-item.new{max-height:0;padding:0;opacity:0;border-color:transparent}.mdr .an-item.new.on{max-height:120px;padding:10px 0;opacity:1;border-color:var(--line)}.mdr .an-item.new.on .an-body{animation:mdr-calmIn .9s ease both}.mdr .an-item.old.gone{max-height:0;padding:0;opacity:0;border-color:transparent}.mdr .an-dot{width:8px;height:8px;margin:4px 3px 0;border-radius:50%;background:#00c5a880;flex-shrink:0}.mdr .an-body{flex:1;min-width:0}.mdr .an-t{font-size:11.5px;font-weight:700;display:flex;align-items:center;gap:6px}.mdr .an-m{font-size:9.5px;color:var(--muted);margin-top:2px}.mdr .an-new{font-size:8.5px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:2px 6px;border-radius:100px}.mdr .an-exp{font-size:8.5px;font-weight:700;color:#8a6d24;background:#c9a34e2e;padding:2px 6px;border-radius:100px;opacity:0;transition:opacity .7s ease}.mdr .an-exp.on{opacity:1}.mdr .an-file{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:9.5px;font-weight:700;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:4px 8px 4px 4px}.mdr .an-pdf-ic{width:22px;height:16px;border-radius:3px;background:#c7463b;color:#fff;font-size:6.5px;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mdr .an-thumb{position:relative;width:34px;height:46px;border-radius:5px;flex-shrink:0;background:linear-gradient(170deg,#0F4A45,var(--ink));overflow:hidden;display:inline-block}.mdr .an-thumb .m{position:absolute;left:8px;top:7px;width:11px;height:11px;border-radius:50%;box-shadow:inset -3px 1px #f2d27a}.mdr .an-thumb .l1,.mdr .an-thumb .l2{position:absolute;left:6px;right:6px;height:2.5px;border-radius:2px;background:#fffc}.mdr .an-thumb .l1{top:24px}.mdr .an-thumb .l2{top:30px;right:12px;background:#e6c877}.mdr .an-compose{position:absolute;left:0;top:52px;width:186px;z-index:6;background:var(--card);border-radius:18px;padding:14px 14px 16px;box-shadow:0 14px 30px -10px #0d2b2a47,0 36px 60px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .3s,transform 1s cubic-bezier(.2,.8,.2,1) .3s}.mdr .play .an-compose{opacity:1;transform:none}.mdr .play .an-compose.gone{opacity:0;transform:translate(-18px) scale(.97);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.mdr .an-ch{font-size:12px;font-weight:700;margin-bottom:10px}.mdr .an-att{display:flex;align-items:center;gap:7px;height:30px;margin-top:5px;padding:0 8px 0 5px;border-radius:8px;background:var(--bg);border:1px solid var(--line);font-size:9.5px;font-weight:700;opacity:0;transform:translateY(4px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.mdr .an-att.on{opacity:1;transform:none}.mdr .an-att .an-thumb{width:16px;height:22px;border-radius:3px}.mdr .an-att .an-thumb .m{left:3px;top:3px;width:6px;height:6px;box-shadow:inset -2px 1px #f2d27a}.mdr .an-att .an-thumb .l1{top:12px;left:3px;right:3px;height:1.5px}.mdr .an-att .an-thumb .l2{top:15px;left:3px;right:6px;height:1.5px}.mdr .py-card{position:absolute;left:40px;top:28px;width:300px;z-index:5;border-radius:20px;overflow:hidden;background:var(--card);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .py-card{opacity:1;transform:none}.mdr .py-head{position:relative;padding:18px 20px;color:#fff;background:linear-gradient(135deg,#00967F,var(--turq) 60%,#00D9B8);overflow:hidden}.mdr .py-head:after{content:"";position:absolute;top:-40%;right:-20%;width:60%;height:180%;background:radial-gradient(closest-side,rgba(255,255,255,.25),transparent 70%)}.mdr .py-lbl{position:relative;font-size:10px;font-weight:700;opacity:.9}.mdr .py-net{position:relative;font-family:Amiri,serif;font-size:32px;font-weight:700;line-height:1.15;margin-top:2px}.mdr .py-meta{position:absolute;top:18px;right:20px;text-align:right;font-size:9.5px;opacity:.88;line-height:1.5}.mdr .py-body{padding:8px 20px 16px}.mdr .py-row{display:flex;justify-content:space-between;align-items:center;height:38px;font-size:12px;border-bottom:1px solid var(--line);opacity:0;transform:translateY(4px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.mdr .play .py-row{opacity:1;transform:none}.mdr .py-row .l{color:var(--muted)}.mdr .py-row .v{font-weight:700}.mdr .py-row .v.neg{color:#b5453a}.mdr .py-row.total{border-bottom:none;margin-top:8px;padding:0 12px;border-radius:10px;background:var(--turq-dim)}.mdr .py-row.total .l{color:var(--ink);font-weight:700}.mdr .py-row.total .v{font-family:Amiri,serif;font-size:17px;color:var(--mdr-accent)}.mdr .py-foot{display:flex;gap:10px;margin-top:12px;opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.mdr .play .py-foot{opacity:1}.mdr .py-foot>div{flex:1;background:var(--bg);border-radius:10px;padding:8px 10px}.mdr .py-fl{font-size:9px;font-weight:700;color:var(--muted)}.mdr .py-fv{font-size:12px;font-weight:700;margin-top:2px}.mdr .py-doc{position:absolute;width:132px;height:170px;z-index:3;border-radius:10px;background:#fffdf7;padding:14px;text-align:right;box-shadow:0 16px 30px -12px #0d2b2a4d;opacity:0;transition:opacity .9s ease,transform 1.2s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.mdr .py-doc.p60{left:196px;top:36px;transform:translate(0) rotate(0)}.mdr .py-doc.p45{left:190px;top:60px;transform:translate(0) rotate(0)}.mdr .play .py-doc{opacity:1}.mdr .play .py-doc.p60{transform:translate(66px,-30px) rotate(7deg)}.mdr .play .py-doc.p45{transform:translate(78px,34px) rotate(13deg)}.mdr .py-doc-t{font-family:Amiri,serif;font-size:22px;font-weight:700;color:var(--mdr-accent);line-height:1}.mdr .py-doc-s{font-size:9px;color:var(--muted);margin:3px 0 12px}.mdr .py-doc i{display:block;height:2px;margin:8px 0 8px auto;border-radius:2px;background:#0d2b2a24}.mdr .py-doc i:nth-child(4){width:70%}.mdr .py-doc i:nth-child(5){width:85%}.mdr .pb-screen{position:absolute;left:12px;top:40px;width:376px;height:196px;border-radius:16px;padding:6px;background:linear-gradient(160deg,#2a2a2d,#0a0a0b);box-shadow:0 20px 40px -12px #0d2b2a66,0 50px 80px -30px #0d2b2a59;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .pb-screen{opacity:1;transform:none}.mdr .pb-stand{position:absolute;left:50%;top:236px;width:60px;height:10px;margin-left:-30px;border-radius:0 0 6px 6px;background:#1a1a1c;opacity:0;transition:opacity .8s ease .3s}.mdr .play .pb-stand{opacity:1}.mdr .pb-inner{position:relative;width:100%;height:100%;border-radius:11px;overflow:hidden;padding:14px 16px 0;color:#fff;background:radial-gradient(circle at 15% 0%,#1A5550,var(--ink) 72%);filter:brightness(.2);transition:filter 1.2s ease .5s}.mdr .play .pb-inner{filter:brightness(1)}.mdr .pb-head{display:flex;justify-content:space-between;align-items:flex-start}.mdr .pb-org{font-family:Amiri,serif;font-size:17px;font-weight:700;line-height:1}.mdr .pb-lbl{font-size:9.5px;opacity:.6;margin-top:3px}.mdr .pb-date{text-align:right;font-size:10px;font-weight:600;opacity:.85;line-height:1.5}.mdr .pb-hijri{color:#e6c877}.mdr .pb-grid{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.mdr .pb-col{position:relative;z-index:1;text-align:center;padding:8px 2px;border-radius:10px;background:#ffffff0d;opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.mdr .play .pb-col{opacity:1}.mdr .pb-n{font-size:10px;font-weight:700;opacity:.85}.mdr .pb-b{font-size:8px;opacity:.5;margin-top:2px}.mdr .pb-j{font-family:Amiri,serif;font-size:20px;font-weight:700;margin-top:2px;line-height:1.1}.mdr .pb-hl{position:absolute;left:0;top:0;bottom:0;width:calc((100% - 24px)/5);border-radius:10px;background:#00c5a838;box-shadow:inset 0 0 0 1px #00c5a8a6,0 0 18px #00c5a840;transform:translate(calc(100% + 6px));opacity:0;transition:opacity .9s ease 1.9s,transform 1.6s cubic-bezier(.45,.05,.25,1)}.mdr .play .pb-hl{opacity:1}.mdr .pb-hl.on{transform:translate(calc(200% + 12px))}.mdr .pb-next{position:relative;height:18px;margin-top:10px;font-size:11px;font-weight:700}.mdr .st-line{position:absolute;left:0;top:0;opacity:0;transition:opacity .6s ease}.mdr .st-line.base,.mdr .st-line.on{opacity:1;transition:opacity .7s ease .5s}.mdr .st-line.base.gone{opacity:0;transition:opacity .5s ease}.mdr .pb-next .st-line{opacity:0}.mdr .play .pb-next .st-line.base{opacity:1}.mdr .play .pb-next .st-line.base.gone{opacity:0}.mdr .play .pb-next .st-line.on{opacity:1}.mdr .pb-ticker{position:absolute;left:0;right:0;bottom:0;height:26px;background:#00000047;overflow:hidden;display:flex;align-items:center}.mdr .pb-track{display:flex;align-items:center;white-space:nowrap;font-size:10px;font-weight:600;color:#ffffffd9;animation:mdr-ticker 26s linear infinite;animation-play-state:paused}.mdr .play .pb-track{animation-play-state:running}.mdr .pb-track span{padding:0 14px}.mdr .pb-track b{width:4px;height:4px;border-radius:50%;background:#e6c877;flex-shrink:0}@keyframes mdr-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.mdr .ev-form{position:absolute;left:0;top:46px;width:178px;z-index:5;background:var(--card);border-radius:18px;padding:14px 14px 16px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 30px 60px -24px #0d2b2a4d;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .ev-form{opacity:1;transform:none}.mdr .ev-form-h{font-size:12px;font-weight:700;margin-bottom:10px}.mdr .ev-f{margin-bottom:9px}.mdr .ev-l{font-size:9px;font-weight:700;color:var(--muted);margin-bottom:4px}.mdr .ev-v{height:28px;border-radius:8px;background:var(--bg);border:1px solid var(--line);padding:0 9px;display:flex;align-items:center;font-size:11px;font-weight:600;overflow:hidden}.mdr .typed{white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path .9s steps(18,end)}.mdr .typed.on{clip-path:inset(0 0 0 0)}.mdr .ev-btn{margin-top:12px;height:34px;border-radius:10px;background:var(--turq);color:#06201e;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.mdr .ev-btn svg{width:13px;height:13px}.mdr .ev-btn.on{animation:mdr-press .7s ease}@keyframes mdr-press{0%,to{transform:scale(1)}40%{transform:scale(.95);box-shadow:0 0 0 6px var(--turq-dim)}}.mdr .ev-poster{position:absolute;left:196px;top:10px;width:188px;height:290px;border-radius:16px;overflow:hidden;background:#e9e5dc;box-shadow:0 14px 30px -10px #0d2b2a47,0 44px 70px -26px #0d2b2a59;opacity:0;transition:opacity .8s ease .4s}.mdr .play .ev-poster{opacity:1}.mdr .pl-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.7) 50%,transparent 80%);background-size:220% 100%;transition:opacity .5s ease}.mdr .pl-shimmer.on{opacity:1;animation:mdr-shimmer 1.4s ease-in-out infinite}.mdr .pl-shimmer.gone{opacity:0}@keyframes mdr-shimmer{0%{background-position:120% 0}to{background-position:-20% 0}}.mdr .pl-bg,.mdr .pl-pattern,.mdr .pl-art,.mdr .pl-title,.mdr .pl-date,.mdr .pl-foot{opacity:0;transition:opacity 1s ease,transform 1.1s cubic-bezier(.2,.8,.2,1)}.mdr .pl-bg.on,.mdr .pl-pattern.on,.mdr .pl-art.on,.mdr .pl-title.on,.mdr .pl-date.on,.mdr .pl-foot.on{opacity:1;transform:none}.mdr .pl-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#0F4A45 0%,var(--ink) 55%,#0B2422 100%)}.mdr .pl-pattern{position:absolute;left:0;right:0;bottom:0;width:100%;height:90px}.mdr .pl-art{position:absolute;left:34px;top:22px;width:120px;height:90px;transform:translateY(8px)}.mdr .pl-title{position:absolute;left:14px;right:14px;top:124px;text-align:center;font-family:Amiri,serif;font-size:28px;font-weight:700;line-height:1.05;color:#fff;transform:translateY(8px)}.mdr .pl-date{position:absolute;left:22px;right:22px;top:190px;white-space:nowrap;text-align:center;font-size:10px;font-weight:700;color:#0d2b2a;background:#e6c877;padding:5px 8px;border-radius:100px}.mdr .pl-foot{position:absolute;left:14px;right:14px;bottom:14px;display:flex;align-items:flex-end;justify-content:space-between;color:#fff}.mdr .pl-org{font-family:Amiri,serif;font-size:13px;font-weight:700}.mdr .pl-reg{font-size:8px;opacity:.7;margin-top:1px}.mdr .pl-qr{width:38px;height:38px;display:block}.mdr .cl-card{position:absolute;left:10px;top:20px;width:380px;z-index:5;background:var(--card);border-radius:20px;padding:16px 14px 14px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a4d;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .cl-card{opacity:1;transform:none}.mdr .cl-head{font-family:Amiri,serif;font-size:17px;font-weight:700;margin-bottom:10px}.mdr .cl-days{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-bottom:6px}.mdr .cl-day{font-size:9.5px;font-weight:700;color:var(--muted);text-align:center}.mdr .cl-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,36px);gap:5px;background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 41px}.mdr .cl-block{border-radius:10px;padding:7px 6px 6px;display:flex;flex-direction:column;opacity:0;transform:translateY(6px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d);overflow:hidden}.mdr .play .cl-block{opacity:1;transform:none}.mdr .cl-block.turq{background:var(--turq-dim);color:#00604f}.mdr .cl-block.gold{background:#c9a34e2e;color:#7a5e1e}.mdr .cl-block.ink{background:#0d2b2a14;color:var(--ink)}.mdr .cl-block.deep{background:#00967f2e;color:#00604f}.mdr .cl-bn{font-size:9.5px;font-weight:700;line-height:1.2}.mdr .cl-bt{font-size:8.5px;opacity:.75;margin-top:2px}.mdr .cl-cap{margin-top:auto;display:flex;align-items:center;gap:4px;font-size:8px;font-weight:700}.mdr .cl-bar{flex:1;height:4px;border-radius:100px;background:#0d2b2a1a;overflow:hidden}.mdr .cl-bar i{display:block;height:100%;width:0;border-radius:100px;background:currentColor;transition:width 1.4s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d) + .8s)}.mdr .play .cl-bar i{width:var(--w)}.mdr .tk-card{position:absolute;left:0;top:18px;width:284px;z-index:5;background:var(--card);border-radius:20px;padding:16px 16px 8px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .tk-card{opacity:1;transform:none}.mdr .tk-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.mdr .tk-h{font-family:Amiri,serif;font-size:18px;font-weight:700;margin-top:2px}.mdr .tk-loop{width:30px;height:30px;border-radius:50%;background:var(--turq-dim);color:var(--mdr-accent);display:flex;align-items:center;justify-content:center}.mdr .tk-loop svg{width:15px;height:15px;transition:transform 1.6s cubic-bezier(.45,.05,.25,1) .8s}.mdr .play .tk-loop svg{transform:rotate(360deg)}.mdr .tk-row{display:flex;align-items:center;gap:9px;height:56px;border-top:1px solid var(--line)}.mdr .tk-ic{width:30px;height:30px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.mdr .tk-ic svg{width:15px;height:15px}.mdr .tk-ic.ink{background:#0d2b2a14;color:var(--ink)}.mdr .tk-ic.amber{background:#c9a34e2e;color:#8a6d24}.mdr .tk-ic.turq{background:var(--turq-dim);color:var(--mdr-accent)}.mdr .tk-ic.gold{background:#f2c75c38;color:#8a6d24}.mdr .tk-who{flex:1;min-width:0}.mdr .tk-name{font-size:11.5px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mdr .tk-sub{font-size:9.5px;color:var(--muted);margin-top:1px;white-space:nowrap}.mdr .tk-right{width:82px;flex-shrink:0;display:flex;justify-content:flex-end}.mdr .tk-right .st{margin-top:0}.mdr .fee-wa.tk-wa{left:272px;width:144px}.mdr .jump{gap:8px}.mdr .jump a{padding:9px 13px}@media (max-width: 980px){.mdr .hero-ctas,.mdr .jump{justify-content:center}}.mdr .swl{position:relative;display:inline-grid;vertical-align:bottom}.mdr .swl>.sw{grid-area:1 / 1;opacity:0;transition:opacity .5s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.mdr .swl>.sw.base{opacity:1}.mdr .swl>.sw.on{opacity:1;transition:opacity .4s ease .15s}.mdr .swl>.sw.gone{opacity:0;transition:opacity .3s ease}.mdr .ph{position:absolute;width:184px;height:340px;z-index:5;border-radius:36px;padding:5px;background:linear-gradient(160deg,#4a4a4d,#232326 18%,#0a0a0b 55%,#232326);box-shadow:0 1px #ffffff29 inset,0 20px 40px -12px #0d2b2a59,0 48px 80px -24px #0d2b2a59;opacity:0;transform:translateY(16px);transition:opacity .6s ease .15s,transform .8s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .ph{opacity:1;transform:none}.mdr .ph-scr{position:relative;width:100%;height:100%;border-radius:31px;overflow:hidden;background:#f4f6f5}.mdr .ph-island{position:absolute;top:8px;left:50%;width:58px;height:17px;margin-left:-29px;border-radius:100px;background:#000;z-index:9}.mdr .ph-status{height:30px;flex-shrink:0;font-size:9.5px;font-weight:700;padding:10px 16px 0;color:var(--ink);position:relative;z-index:2}.mdr .ph-status.light{color:#fff}.mdr .at-head{padding:6px 14px 4px}.mdr .at-t{font-size:13px;font-weight:700}.mdr .at-s{font-size:9.5px;color:var(--muted)}.mdr .at-count{margin:4px 14px 0;font-size:10px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:4px 9px;border-radius:100px;display:inline-block}.mdr .at-stack{position:absolute;left:10px;right:10px;top:112px;height:190px}.mdr .at-card{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:18px;padding:14px 12px;box-shadow:0 10px 24px -12px #0d2b2a4d;opacity:0;transform:translate(46px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.mdr .at-card.base,.mdr .at-card.on{opacity:1;transform:none}.mdr .at-card.gone{opacity:0;transform:translate(-60px)}.mdr .at-stu{display:flex;align-items:center;gap:10px;margin-bottom:16px}.mdr .at-av{width:34px;height:34px;border-radius:50%;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdr .at-n{font-size:13px;font-weight:700}.mdr .at-l{font-size:9.5px;color:var(--muted);margin-top:1px}.mdr .at-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mdr .at-b{position:relative;height:104px;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:700;transition:background .35s ease,color .35s ease,border-color .35s ease}.mdr .at-b svg{width:22px;height:22px}.mdr .at-b.ab{background:#fbe6e4;border:1px solid #F4BDB7;color:#c0392b}.mdr .at-b.pr{background:#dff3ec;border:1px solid #A8E0CF;color:var(--mdr-accent)}.mdr .at-b.ab.on{background:#d9463d;border-color:#d9463d;color:#fff}.mdr .at-b.pr.on{background:#00a884;border-color:#00a884;color:#fff}.mdr .at-b .tap{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.mdr .at-b.on .tap{animation:mdr-tapRing .8s ease-out}@keyframes mdr-tapRing{0%{box-shadow:0 0 #0d2b2a47}to{box-shadow:0 0 0 14px #0d2b2a00}}.mdr .at-done{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 10px 24px -12px #0d2b2a4d;opacity:0;transform:scale(.96);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.mdr .at-done.on{opacity:1;transform:none}.mdr .at-done-ic{width:46px;height:46px;border-radius:50%;background:var(--turq);color:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.mdr .at-done-ic svg{width:22px;height:22px}.mdr .at-done-t{font-family:Amiri,serif;font-size:19px;font-weight:700}.mdr .at-done-s{font-size:10.5px;color:var(--muted);margin-top:2px}.mdr .qr-cam{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#3a403f,#111413 75%)}.mdr .qr-lbl{text-align:center;color:#fff;font-size:12px;font-weight:700;margin-top:18px}.mdr .qr-box{position:absolute;left:32px;top:92px;width:110px;height:110px}.mdr .qr-code{width:100%;height:100%;display:block;border-radius:6px}.mdr .qf{position:absolute;width:20px;height:20px;border:3px solid var(--turq)}.mdr .qf.tl{left:-10px;top:-10px;border-right:none;border-bottom:none;border-radius:6px 0 0}.mdr .qf.tr{right:-10px;top:-10px;border-left:none;border-bottom:none;border-radius:0 6px 0 0}.mdr .qf.bl{left:-10px;bottom:-10px;border-right:none;border-top:none;border-radius:0 0 0 6px}.mdr .qf.br{right:-10px;bottom:-10px;border-left:none;border-top:none;border-radius:0 0 6px}.mdr .qs{position:absolute;left:-4px;right:-4px;top:0;height:2px;background:var(--turq);box-shadow:0 0 12px 2px #00c5a8b3;opacity:0}.mdr .qs.on{opacity:1;animation:mdr-scanLine 1.4s ease-in-out infinite}.mdr .qs.gone{opacity:0;animation:none}@keyframes mdr-scanLine{0%,to{top:0}50%{top:108px}}.mdr .qr-hint{position:absolute;left:0;right:0;top:232px;text-align:center;font-size:10px;color:#fff9}.mdr .qr-ok{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translateY(100%);transition:transform .9s cubic-bezier(.2,.8,.2,1);z-index:4}.mdr .qr-ok.on{transform:none}.mdr .qr-ok-n{font-size:12px;font-weight:700;margin-top:4px}.mdr .pr-card{position:absolute;left:222px;top:72px;width:178px;z-index:6;background:var(--card);border-radius:18px;padding:14px 14px 12px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 30px 60px -24px #0d2b2a4d;opacity:0;transform:translateY(10px);transition:opacity .8s ease .6s,transform 1s cubic-bezier(.2,.8,.2,1) .6s}.mdr .play .pr-card{opacity:1;transform:none}.mdr .pr-name{font-family:Amiri,serif;font-size:17px;font-weight:700;margin:1px 0 8px}.mdr .pr-row{display:flex;justify-content:space-between;align-items:center;height:34px;border-top:1px solid var(--line);font-size:10.5px;color:var(--muted)}.mdr .pr-row b{color:var(--ink);font-size:11.5px;display:inline-flex;align-items:center;gap:5px}.mdr .pr-plus{font-style:normal;font-size:9px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:1px 6px;border-radius:100px;opacity:0;transition:opacity .6s ease .3s}.mdr .pr-plus.on{opacity:1}.mdr .pr-foot{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:9.5px;font-weight:700;color:var(--mdr-accent);opacity:0;transition:opacity .7s ease}.mdr .pr-foot.on{opacity:1}.mdr .pr-foot svg{width:12px;height:12px}.mdr .mp-card{position:absolute;left:36px;top:34px;width:328px;z-index:5;background:var(--card);border-radius:20px;padding:16px 18px 8px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .mp-card{opacity:1;transform:none}.mdr .mp-head{display:flex;align-items:center;gap:10px;padding-bottom:12px}.mdr .mp-month{margin-left:auto;font-size:9.5px;font-weight:700;color:var(--muted);background:var(--bg);padding:3px 9px;border-radius:100px}.mdr .mp-row{display:flex;align-items:center;gap:12px;height:70px;border-top:1px solid var(--line);opacity:0;transform:translateY(4px);transition:opacity .8s ease,transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.mdr .play .mp-row{opacity:1;transform:none}.mdr .mp-tile{width:38px;height:44px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.mdr .mp-tile .ar{font-family:Amiri,serif;font-size:15px;font-weight:700}.mdr .mp-tile svg{width:18px;height:18px}.mdr .mp-tile.qd{background:linear-gradient(150deg,#b4e39a,#6cbf5b 55%,#43a33b)}.mdr .mp-tile.qn{background:linear-gradient(150deg,#0e6b5f,#07443d);box-shadow:inset 0 0 0 2px #c9a34eb3}.mdr .mp-tile.is{background:linear-gradient(150deg,#e6c877,#b8913f)}.mdr .mp-body{flex:1;min-width:0}.mdr .mp-top{display:flex;justify-content:space-between;align-items:baseline}.mdr .mp-t{font-size:12.5px;font-weight:700}.mdr .mp-v{font-size:11px;font-weight:700;color:var(--mdr-accent)}.mdr .mp-d{font-size:9.5px;color:var(--muted);margin:2px 0 7px}.mdr .mp-bar{height:6px;border-radius:100px;background:var(--line);overflow:hidden}.mdr .mp-bar i{display:block;height:100%;width:0;border-radius:100px;background:var(--turq);transition:width 1.4s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d) + .3s)}.mdr .play .mp-bar i{width:var(--w)}.mdr .hz-log{position:absolute;left:0;top:14px;width:204px;z-index:5;background:var(--card);border-radius:20px;padding:14px 14px 12px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .hz-log{opacity:1;transform:none}.mdr .hz-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.mdr .hz-name{font-family:Amiri,serif;font-size:16px;font-weight:700;margin-top:1px}.mdr .hz-time{font-size:9px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:3px 8px;border-radius:100px;opacity:0;transition:opacity .7s ease}.mdr .hz-time.on{opacity:1}.mdr .hz-row{display:grid;grid-template-columns:62px 1fr;align-items:center;gap:6px;height:46px;border-top:1px solid var(--line);opacity:0;transition:opacity .8s ease;transition-delay:var(--d)}.mdr .play .hz-row{opacity:1}.mdr .hz-k{font-size:9.5px;font-weight:700;color:var(--muted)}.mdr .hz-v{font-size:11px;font-weight:700}.mdr .hz-s{font-size:9px;color:var(--muted);margin-top:1px}.mdr .hz-m{font-size:8.5px;font-weight:700;padding:2px 7px;border-radius:100px;white-space:nowrap}.mdr .hz-m.warn{background:#c9a34e2e;color:#8a6d24}.mdr .hz-m.ok{background:var(--turq-dim);color:var(--mdr-accent)}.mdr .hz-s b{font-weight:700}.mdr .hz-s b.warn{color:#8a6d24}.mdr .hz-s b.ok{color:var(--mdr-accent)}.mdr .hz-tjw{display:flex;flex-wrap:wrap;gap:5px;padding-top:10px;border-top:1px solid var(--line)}.mdr .hz-tj{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:700;padding:3px 8px;border-radius:100px;background:var(--bg);opacity:0;transition:opacity .7s ease;transition-delay:var(--d)}.mdr .play .hz-tj{opacity:1}.mdr .hz-tj i{width:6px;height:6px;border-radius:50%}.mdr .hz-tj.good i{background:var(--turq)}.mdr .hz-tj.work i{background:#d9a93a}.mdr .hz-map{position:absolute;left:212px;top:74px;width:188px;z-index:6;background:var(--card);border-radius:18px;padding:12px 12px 10px;box-shadow:0 14px 30px -10px #0d2b2a47,0 36px 60px -24px #0d2b2a52;opacity:0;transform:translateY(10px);transition:opacity .8s ease .5s,transform 1s cubic-bezier(.2,.8,.2,1) .5s}.mdr .play .hz-map{opacity:1;transform:none}.mdr .hz-mh{font-size:11px;font-weight:700;margin-bottom:8px}.mdr .hz-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.mdr .hz-c{height:24px;border-radius:6px;background:var(--bg);color:#0d2b2a66;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s ease,background .8s ease,color .8s ease,box-shadow .8s ease;transition-delay:var(--d),0s,0s,0s}.mdr .play .hz-c{opacity:1}.mdr .hz-c.done.on{background:var(--turq);color:#fff}.mdr .hz-c.rev.on{background:#e6c877;color:#6e5320}.mdr .hz-c.cur.on{background:#fff;color:var(--mdr-accent);box-shadow:inset 0 0 0 2px var(--turq);animation:mdr-curPulse 2s ease-in-out infinite 1s}@keyframes mdr-curPulse{0%,to{box-shadow:inset 0 0 0 2px var(--turq)}50%{box-shadow:inset 0 0 0 2px var(--turq),0 0 0 4px #00c5a82e}}.mdr .hz-leg{display:flex;gap:8px;margin-top:9px;font-size:8.5px;color:var(--muted);font-weight:600}.mdr .hz-leg span{display:inline-flex;align-items:center;gap:4px}.mdr .hz-leg i{width:8px;height:8px;border-radius:3px}.mdr .hz-leg i.done{background:var(--turq)}.mdr .hz-leg i.rev{background:#e6c877}.mdr .hz-leg i.cur{background:#fff;box-shadow:inset 0 0 0 1.5px var(--turq)}.mdr .ex-paper{position:absolute;left:22px;top:18px;width:200px;height:272px;z-index:4;border-radius:6px;padding:18px;background:linear-gradient(160deg,#fffcf2,#f5ecd6);box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a4d;transform:rotate(-3deg) translateY(12px);opacity:0;transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .ex-paper{opacity:1;transform:rotate(-3deg)}.mdr .ex-pt{font-family:Amiri,serif;font-size:16px;font-weight:700}.mdr .ex-ps{font-size:9px;color:var(--muted);margin-bottom:8px}.mdr .ex-name{font-size:9.5px;color:var(--muted);padding-bottom:8px;border-bottom:1px solid rgba(13,43,42,.15);margin-bottom:6px}.mdr .ex-name b{color:var(--ink);font-family:Amiri,serif;font-size:12px}.mdr .ex-q{position:relative;padding:8px 26px 6px 14px;opacity:0;transition:opacity .7s ease;transition-delay:var(--d)}.mdr .play .ex-q{opacity:1}.mdr .ex-q span{position:absolute;left:0;top:7px;font-size:9px;font-weight:700;color:var(--muted)}.mdr .ex-q i{display:block;height:1.5px;background:#0d2b2a38;margin:5px 0}.mdr .ex-q i.s{width:70%}.mdr .ex-tick{position:absolute;right:0;top:6px;width:18px;height:18px;color:#c0392b;opacity:0;transform:scale(1.4);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.mdr .ex-tick.on{opacity:1;transform:none}.mdr .ex-tick svg{width:18px;height:18px;stroke-width:2.8}.mdr .ex-mark{position:absolute;right:16px;bottom:16px;font-family:Amiri,serif;font-size:17px;font-weight:700;color:#c0392b;border:2px solid #C0392B;border-radius:50%;width:52px;height:52px;display:flex;align-items:center;justify-content:center;transform:rotate(-8deg) scale(1.3);opacity:0;transition:opacity .5s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.mdr .ex-mark.on{opacity:1;transform:rotate(-8deg)}.mdr .ex-online{position:absolute;left:210px;top:110px;width:190px;z-index:6;background:var(--card);border-radius:18px;padding:14px 14px 12px;box-shadow:0 14px 30px -10px #0d2b2a47,0 36px 60px -24px #0d2b2a52;opacity:0;transform:translateY(10px);transition:opacity .8s ease .6s,transform 1s cubic-bezier(.2,.8,.2,1) .6s}.mdr .play .ex-online{opacity:1;transform:none}.mdr .ex-oh{display:flex;justify-content:space-between;font-size:9.5px;font-weight:700;color:var(--muted)}.mdr .ex-qn{color:var(--mdr-accent)}.mdr .ex-qt{font-size:12px;font-weight:700;margin:8px 0 10px}.mdr .ex-opts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mdr .ex-o{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg);transition:background .5s ease,border-color .5s ease}.mdr .ex-o .ar{font-family:Amiri,serif;font-size:18px;font-weight:700;margin-left:auto}.mdr .ex-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid rgba(13,43,42,.3);transition:background .5s ease,border-color .5s ease}.mdr .ex-o.right.on{background:var(--turq-dim);border-color:#00967f66}.mdr .ex-o.right.on .ex-dot{background:var(--turq);border-color:var(--turq);box-shadow:inset 0 0 0 2px #fff}.mdr .ex-sub{margin-top:10px;height:32px;border-radius:10px;background:var(--turq);color:#06201e;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.mdr .ex-sub svg{width:13px;height:13px}.mdr .rg-card{position:absolute;left:24px;top:6px;width:252px;z-index:5;background:var(--card);border-radius:20px;padding:16px 16px 14px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .rg-card{opacity:1;transform:none}.mdr .rg-h{font-family:Amiri,serif;font-size:17px;font-weight:700;margin-bottom:10px}.mdr .rg-pc{position:relative;justify-content:space-between}.mdr .rg-find{display:inline-flex;align-items:center;gap:3px;font-size:9.5px;font-weight:700;color:var(--mdr-accent);opacity:0;transition:opacity .5s ease}.mdr .rg-find.on{opacity:1}.mdr .rg-find svg{width:11px;height:11px}.mdr .rg-dd{position:absolute;left:16px;right:16px;top:128px;z-index:3;background:#fff;border-radius:10px;box-shadow:0 14px 30px -8px #0d2b2a4d;padding:4px;opacity:0;transform:translateY(-4px);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}.mdr .rg-dd.on{opacity:1;transform:none}.mdr .rg-dd.gone{opacity:0;transform:translateY(-4px)}.mdr .rg-opt{font-size:10.5px;font-weight:600;padding:7px 9px;border-radius:7px;transition:background .4s ease,color .4s ease}.mdr .rg-opt.pick.on{background:var(--turq-dim);color:var(--mdr-accent)}.mdr .rg-addr{font-size:11px;font-weight:600;opacity:0;transition:opacity .6s ease;white-space:nowrap}.mdr .rg-addr.on{opacity:1}.mdr .rg-sib{display:flex;align-items:center;gap:9px;margin-top:12px;padding:9px 10px;border-radius:12px;background:var(--turq-dim);opacity:0;transform:translateY(4px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.mdr .rg-sib.on{opacity:1;transform:none}.mdr .rg-sib-ic{width:26px;height:26px;border-radius:50%;background:#fff;color:var(--mdr-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdr .rg-sib-ic svg{width:14px;height:14px}.mdr .rg-sib-t{font-size:10.5px;font-weight:700;color:#00604f}.mdr .rg-sib-s{font-size:9px;color:var(--mdr-accent);opacity:.85}.mdr .rg-disc{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:10.5px;font-weight:700;opacity:0;transition:opacity .7s ease}.mdr .rg-disc.on{opacity:1}.mdr .rg-disc b{color:var(--mdr-accent)}.mdr .sf-head{font-size:13px;font-weight:700;padding:4px 14px 8px}.mdr .sf-l{font-size:9px;font-weight:700;color:var(--muted);padding:0 14px;margin:6px 0 5px}.mdr .sf-cats{display:flex;flex-wrap:wrap;gap:4px;padding:0 14px}.mdr .sf-cat{font-size:9px;font-weight:700;padding:4px 8px;border-radius:100px;background:#fff;border:1px solid var(--line);color:var(--muted);transition:background .4s ease,color .4s ease,border-color .4s ease}.mdr .sf-cat.pick.on{background:var(--ink);color:#fff;border-color:var(--ink)}.mdr .sf-txt{margin:0 14px;height:54px;border-radius:10px;background:#fff;border:1px solid var(--line);padding:7px 9px;font-size:10px;font-weight:600;line-height:1.4;overflow:hidden}.mdr .sf-txt .typed{white-space:normal}.mdr .sf-tag{display:inline-flex;align-items:center;gap:4px;margin-left:14px;font-size:9.5px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:4px 9px;border-radius:100px;opacity:0;transition:opacity .6s ease}.mdr .sf-tag.on{opacity:1}.mdr .sf-tag svg{width:11px;height:11px}.mdr .sf-send{margin:12px 14px 0;font-size:11px}.mdr .sf-sent{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 16px;opacity:0;transition:opacity .8s ease;z-index:4}.mdr .sf-sent.on{opacity:1}.mdr .sf-case{position:absolute;left:202px;top:26px;width:198px;z-index:6;background:var(--card);border-radius:18px;padding:14px 14px 10px;box-shadow:0 14px 30px -10px #0d2b2a47,0 36px 60px -24px #0d2b2a52;opacity:0;transform:translateY(10px);transition:opacity .8s ease .5s,transform 1s cubic-bezier(.2,.8,.2,1) .5s}.mdr .play .sf-case{opacity:1;transform:none}.mdr .sf-ch{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.mdr .sf-no{font-size:11px;font-weight:700}.mdr .sf-pill{font-size:8.5px;font-weight:700;color:var(--ink);background:var(--bg);padding:2px 8px;border-radius:100px}.mdr .sf-steps{position:relative;padding-left:4px}.mdr .sf-step{position:relative;display:flex;gap:10px;padding-bottom:12px;opacity:.25;transition:opacity .7s ease}.mdr .sf-step.on{opacity:1}.mdr .sf-step i{width:10px;height:10px;border-radius:50%;margin-top:3px;flex-shrink:0;background:var(--bg);box-shadow:inset 0 0 0 2px #0d2b2a40;transition:background .5s ease,box-shadow .5s ease}.mdr .sf-step.on i{background:#e6c877;box-shadow:none}.mdr .sf-step.done.on i{background:var(--turq)}.mdr .sf-step:not(:last-child):before{content:"";position:absolute;left:4.5px;top:15px;bottom:0;width:1px;background:var(--line)}.mdr .sf-step b{display:block;font-size:10.5px}.mdr .sf-step span{font-size:9px;color:var(--muted)}.mdr .pt-msg{padding:10px 12px}.mdr .pt-from{font-size:9px;font-weight:700;color:var(--muted);margin-bottom:4px}.mdr .pt-bub{background:#fff;border-radius:3px 12px 12px;padding:10px;font-size:10.5px;line-height:1.45;box-shadow:0 1px 2px #0000000f}.mdr .pt-open{margin-top:9px;height:32px;border-radius:9px;background:var(--turq);color:#06201e;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:5px}.mdr .pt-open svg{width:12px;height:12px}.mdr .pt-open.on{animation:mdr-press .7s ease}.mdr .pt-app{position:absolute;left:0;right:0;top:30px;bottom:0;background:#f4f6f5;padding:8px 12px;transform:translate(100%);transition:transform .9s cubic-bezier(.2,.8,.2,1);z-index:3}.mdr .pt-app.on{transform:none}.mdr .pt-hi{font-size:10.5px;color:var(--muted);margin-bottom:10px}.mdr .pt-hi b{display:block;font-family:Amiri,serif;font-size:19px;color:var(--ink)}.mdr .pt-live{display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:12px;padding:9px 10px;margin-bottom:8px;opacity:0;transform:translateY(4px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.mdr .pt-live.on{opacity:1;transform:none}.mdr .pt-dot{width:8px;height:8px;border-radius:50%;background:#ff5b4f;box-shadow:0 0 #ff5b4f99;animation:mdr-livePulse 1.8s ease-out infinite;flex-shrink:0}@keyframes mdr-livePulse{0%{box-shadow:0 0 #ff5b4f99}to{box-shadow:0 0 0 8px #ff5b4f00}}.mdr .pt-lt{font-size:10.5px;font-weight:700}.mdr .pt-ls{font-size:9px;opacity:.7}.mdr .pt-join{margin-left:auto;font-size:10px;font-weight:700;color:#06201e;background:var(--turq);padding:5px 11px;border-radius:100px}.mdr .pt-tiles{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mdr .pt-tile{background:#fff;border-radius:12px;padding:9px 10px}.mdr .pt-tile span{display:block;font-size:9px;color:var(--muted);font-weight:600}.mdr .pt-tile b{font-family:Amiri,serif;font-size:17px}.mdr .pt-tile b.ok{color:var(--mdr-accent)}.mdr .pt-rec{display:flex;align-items:center;gap:7px;margin-top:6px;background:#fff;border-radius:12px;padding:9px 10px;font-size:10.5px;font-weight:600}.mdr .pt-rec svg{width:15px;height:15px;color:var(--mdr-accent)}.mdr .pt-rec b{margin-left:auto;font-size:9px;color:var(--mdr-accent);background:var(--turq-dim);padding:2px 7px;border-radius:100px}.mdr .mr-card{position:absolute;left:12px;top:40px;width:256px;z-index:5;background:var(--card);border-radius:20px;padding:16px 16px 14px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .mr-card{opacity:1;transform:none}.mdr .mr-h{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.mdr .mr-trophy{width:32px;height:32px;border-radius:50%;background:#c9a34e2e;color:#8a6d24;display:flex;align-items:center;justify-content:center}.mdr .mr-trophy svg{width:16px;height:16px}.mdr .mr-list{display:flex;gap:8px}.mdr .mr-ranks{display:flex;flex-direction:column}.mdr .mr-ranks span{height:50px;display:flex;align-items:center;font-family:Amiri,serif;font-size:16px;font-weight:700;color:#0d2b2a59}.mdr .mr-ranks span:first-child{color:#b8913f}.mdr .mr-rows{position:relative;flex:1;height:200px}.mdr .mr-row{position:absolute;left:0;right:0;top:var(--t0);height:50px;display:flex;align-items:center;gap:9px;transition:top 1.1s cubic-bezier(.45,.05,.25,1)}.mdr .mr-row.on{top:var(--t1)}.mdr .mr-av{width:10px;height:26px;border-radius:4px;flex-shrink:0}.mdr .mr-body{flex:1}.mdr .mr-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.mdr .mr-n{font-size:11.5px;font-weight:700}.mdr .mr-c{font-size:11.5px;font-weight:700;color:var(--mdr-accent)}.mdr .mr-bar{height:7px;border-radius:100px;background:var(--line);overflow:hidden}.mdr .mr-bar i{display:block;height:100%;width:0;border-radius:100px;background:var(--turq);transition:width 1.2s cubic-bezier(.4,0,.2,1) .6s}.mdr .play .mr-bar i.w89{width:89%}.mdr .play .mr-bar i.w65{width:65%}.mdr .play .mr-bar i.w55{width:55%}.mdr .play .mr-bar i.qb{width:85%;background:#c9a34e}.mdr .play .mr-bar i.qb.s1{width:88%;transition-delay:0s}.mdr .play .mr-bar i.qb.s2{width:91%;transition-delay:0s}.mdr .mr-toast{position:absolute;left:262px;width:146px;z-index:6;display:flex;gap:8px;align-items:flex-start;background:var(--card);border-radius:14px;padding:10px 11px;box-shadow:0 14px 30px -10px #0d2b2a4d;opacity:0;transform:translate(-10px);transition:opacity .7s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.mdr .mr-toast.on{opacity:1;transform:none}.mdr .mr-star{width:26px;height:26px;border-radius:50%;background:#c9a34e33;color:#b8913f;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mdr .mr-star svg{width:14px;height:14px;fill:currentColor}.mdr .mr-tt{font-size:11px;font-weight:700;color:#8a6d24}.mdr .mr-ts{font-size:9.5px;font-weight:700;margin-top:1px}.mdr .mr-tr{font-size:9px;color:var(--muted)}.mdr .sl-card{position:absolute;left:6px;top:12px;width:388px;z-index:5;background:var(--card);border-radius:20px;padding:16px 14px 14px;box-shadow:0 10px 24px -8px #0d2b2a2e,0 40px 70px -24px #0d2b2a52;opacity:0;transform:translateY(12px);transition:opacity .8s ease .15s,transform 1s cubic-bezier(.2,.8,.2,1) .15s}.mdr .play .sl-card{opacity:1;transform:none}.mdr .sl-h{display:flex;justify-content:space-between;align-items:flex-start}.mdr .sl-count{font-size:11px;font-weight:700;color:var(--muted)}.mdr .sl-count b{font-family:Amiri,serif;font-size:22px;color:var(--mdr-accent)}.mdr .sl-bar{height:6px;border-radius:100px;background:var(--line);overflow:hidden;margin:8px 0 14px}.mdr .sl-bar i{display:block;height:100%;width:0;border-radius:100px;background:var(--turq);transition:width 1s cubic-bezier(.4,0,.2,1)}.mdr .play .sl-bar i{width:72.7%;transition-delay:.6s}.mdr .play .sl-bar i.s1{width:81.8%;transition-delay:0s}.mdr .sl-row{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mdr .sl-t{display:flex;flex-direction:column;align-items:center;gap:5px;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d)}.mdr .play .sl-t{opacity:1;transform:none}.mdr .sl-ic{position:relative;width:46px;height:46px}.mdr .sl-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:46px;height:46px;transform:rotate(-90deg)}.mdr .sl-ring circle{fill:none;stroke-width:3}.mdr .sl-ring .bg{stroke:var(--line)}.mdr .sl-ring .fg{stroke-linecap:round;stroke-dasharray:var(--len);stroke-dashoffset:var(--len);transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--d) + .15s)}.mdr .play .sl-ring .fg{stroke-dashoffset:var(--fill)}.mdr .sl-t.done .fg{stroke:#00c5a8}.mdr .sl-t.prac .fg{stroke:#c9a34e}.mdr .sl-t.todo .fg{stroke:transparent}.mdr .sl-g{position:absolute;left:9px;top:9px;width:28px;height:28px}.mdr .sl-t.done .sl-g{color:#0d2b2a}.mdr .sl-t.prac .sl-g{color:#8a6d24}.mdr .sl-t.todo .sl-g{color:#0d2b2a59}.mdr .sl-ok{position:absolute;right:-3px;top:-3px;width:16px;height:16px;border-radius:50%;background:#00c5a8;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--card);opacity:0;transform:scale(.5);transition:opacity .4s ease,transform .5s cubic-bezier(.3,1.5,.5,1);transition-delay:calc(var(--d) + .7s)}.mdr .sl-ok svg{width:10px;height:10px;stroke-width:3.2}.mdr .play .sl-ok{opacity:1;transform:none}.mdr .sl-n{font-size:9px;font-weight:700;color:var(--muted);white-space:nowrap}.mdr .sl-t.focus .sl-ic:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:2px solid rgba(201,163,78,.55);opacity:0;transition:opacity .5s ease 1.7s}.mdr .play .sl-t.focus .sl-ic:before{opacity:1;animation:mdr-slFocus 2s ease-in-out 2s infinite}@keyframes mdr-slFocus{0%,to{box-shadow:0 0 #c9a34e59}50%{box-shadow:0 0 0 5px #c9a34e00}}.mdr .sl-t.focus .sl-n{color:#8a6d24}.mdr .sl-det{position:absolute;left:96px;top:196px;width:298px;z-index:6;background:var(--card);border-radius:18px;padding:12px 14px 8px;box-shadow:0 16px 34px -12px #0d2b2a59;opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.mdr .sl-det.on{opacity:1;transform:none}.mdr .sl-det:before{content:"";position:absolute;top:-7px;left:200px;width:14px;height:14px;background:var(--card);transform:rotate(45deg);border-radius:3px}.mdr .sl-dh{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.mdr .sl-dh b{font-size:12px}.mdr .sl-ar{font-family:Amiri,serif;font-size:17px;color:#8a6d24}.mdr .sl-p{display:flex;justify-content:space-between;align-items:center;gap:8px;height:32px;border-top:1px solid var(--line);font-size:11px;font-weight:600;transition:background .4s ease;border-radius:6px}.mdr .sl-p>span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mdr .sl-mark.on{background:linear-gradient(90deg,rgba(0,197,168,.1),transparent)}.mdr .sl-st{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 8px;border-radius:100px;white-space:nowrap;flex-shrink:0}.mdr .sl-st svg{width:10px;height:10px;stroke-width:3}.mdr .sl-st.ok{color:var(--mdr-accent);background:var(--turq-dim)}.mdr .sl-st.pr{color:#8a6d24;background:#c9a34e2e}.mdr .oc-card{position:absolute;left:0;top:4px;width:206px;z-index:5;background:var(--card);border-radius:18px;padding:13px 12px 10px;box-shadow:0 14px 32px -12px #0d2b2a4d;opacity:0;transform:translateY(10px);transition:opacity .7s ease .2s,transform .9s cubic-bezier(.2,.8,.2,1) .2s}.mdr .play .oc-card{opacity:1;transform:none}.mdr .oc-app{display:flex;align-items:center;gap:7px;height:42px;border-top:1px solid var(--line)}.mdr .oc-card .fee-lbl{margin-bottom:6px}.mdr .oc-ic{width:25px;height:25px;border-radius:7px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.mdr .oc-ic{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}.mdr .oc-ic img{width:17px;height:17px;-o-object-fit:contain;object-fit:contain;display:block}.mdr .oc-an{flex:1;min-width:0}.mdr .oc-an b{display:block;font-size:10.5px;white-space:nowrap}.mdr .oc-an span{font-size:9px;color:var(--muted)}.mdr .oc-btn{font-size:8.5px;font-weight:700;color:var(--ink);border:1px solid var(--line);padding:3px 8px;border-radius:100px;white-space:nowrap}.mdr .oc-ok{display:inline-flex;align-items:center;gap:3px;font-size:8.5px;font-weight:700;color:var(--mdr-accent);background:var(--turq-dim);padding:3px 7px;border-radius:100px;white-space:nowrap}.mdr .oc-ok svg{width:10px;height:10px;stroke-width:3}.mdr .oc-sec{display:flex;align-items:center;gap:5px;border-top:1px solid var(--line);padding-top:8px;font-size:9.5px;font-weight:700;color:var(--mdr-accent)}.mdr .oc-sec svg{width:12px;height:12px}.mdr .oc-wa{position:absolute;left:0;top:212px;width:206px;z-index:6;background:#d9fdd3;border-radius:4px 14px 14px;padding:9px 11px 10px;box-shadow:0 14px 30px -12px #0d2b2a4d;color:#111b21;opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.mdr .oc-wa.on{opacity:1;transform:none}.mdr .oc-wah{display:flex;align-items:center;gap:5px;font-size:10px;margin-bottom:4px}.mdr .oc-wah .wa-av{width:18px;height:18px;font-size:9px}.mdr .oc-wah svg{width:11px;height:11px}.mdr .oc-wab{font-size:10.5px;line-height:1.4}.mdr .oc-wal{display:flex;align-items:center;gap:5px;margin-top:7px;padding-top:7px;border-top:1px solid rgba(17,27,33,.1);font-size:10px;font-weight:700;color:#008069}.mdr .oc-wal svg{width:11px;height:11px}.mdr .oc-p{padding:4px 12px 0}.mdr .oc-hi{font-size:9px;color:var(--muted)}.mdr .oc-name{font-family:Amiri,serif;font-size:18px;font-weight:700;margin-bottom:8px}.mdr .oc-live{position:relative;background:linear-gradient(145deg,#0e3b36,#0d2b2a);color:#fff;border-radius:12px;padding:9px 11px;margin-bottom:10px;opacity:0;transform:translateY(6px);transition:opacity .6s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.mdr .oc-live.on{opacity:1;transform:none}.mdr .oc-live>div{display:flex;align-items:center;gap:5px;font-size:8.5px;font-weight:700;color:#7fe8d6}.mdr .oc-dot{width:6px;height:6px;border-radius:50%;background:#ff5a5a;box-shadow:0 0 0 3px #ff5a5a40;animation:livePulse 1.6s ease-out infinite}.mdr .oc-live b{display:block;font-size:12.5px;margin-top:3px}.mdr .oc-live>span{font-size:9px;opacity:.7}.mdr .oc-join{position:absolute;right:9px;bottom:9px;display:inline-flex;align-items:center;gap:4px;font-style:normal;font-size:9.5px;font-weight:700;background:var(--turq);color:#06201e;padding:5px 10px;border-radius:100px}.mdr .oc-live.on .oc-join{animation:mdr-joinPulse 1.8s ease-in-out infinite .6s}@keyframes mdr-joinPulse{0%,to{box-shadow:0 0 #00c5a880}50%{box-shadow:0 0 0 6px #00c5a800}}.mdr .oc-rh{font-size:10px;font-weight:700;margin-bottom:4px}.mdr .oc-rec{display:flex;align-items:center;gap:8px;height:40px;border-top:1px solid var(--line);opacity:0;transform:translate(8px);transition:opacity .5s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.mdr .oc-rec.on{opacity:1;transform:none}.mdr .oc-rec.new{display:none}.mdr .oc-rec.new.on{display:flex;animation:mdr-calmIn .6s ease both}.mdr .oc-th{width:34px;height:24px;border-radius:6px;flex-shrink:0;background:linear-gradient(135deg,#cfefe8,#9fdccf);color:#0d2b2a;display:flex;align-items:center;justify-content:center}.mdr .oc-th svg{width:10px;height:10px;fill:currentColor}.mdr .oc-rec>div{flex:1;min-width:0}.mdr .oc-rec b{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mdr .oc-rec span{display:flex;align-items:center;gap:4px;font-size:8.5px;color:var(--muted)}.mdr .oc-rec span i{width:6px;height:6px;border-radius:2px}.mdr .oc-rec span i.gd{background:#1fa463}.mdr .oc-rec span i.db{background:#0061ff}.mdr .oc-th{position:relative}.mdr .oc-th em{position:absolute;left:-5px;top:-6px;font-style:normal;font-size:7px;font-weight:700;color:#fff;background:#00a88f;padding:1px 5px;border-radius:100px;box-shadow:0 0 0 2px var(--card)}.mdr .oc-join.on{animation:press .6s ease}.mdr .oc-join .sw{display:inline-flex;align-items:center;gap:4px}.mdr .oc-join svg{width:11px;height:11px}.mdr .oc-who{display:block;font-size:9px;opacity:.85}.mdr .oc-mp{display:inline-flex!important;align-items:center;gap:3px;color:#7fe8d6;font-weight:700}.mdr .oc-mp svg{width:10px;height:10px;stroke-width:3.2}.mdr .pillar-section.reverse{--bg: var(--bg-surface);background:var(--bg);box-shadow:0 0 0 100vmax var(--bg);clip-path:inset(0 -100vmax)}.mdr .stage{--ink: #0D2B2A;--muted: rgba(13,43,42,.58);--card: #FFFFFF;--bg: #F5F3EF;--line: rgba(13,43,42,.09);--mdr-accent: #007E6A;--turq-dim: rgba(0,197,168,.12);color:var(--ink)}.mdr .stage .chip{--ink: var(--text-primary);--muted: var(--text-muted);--card: var(--bg-elevated);--line: var(--glass-border);color:var(--ink)}.dark .mdr{--mdr-accent: var(--turq-text);--turq-dim: rgba(0,197,168,.14)}.dark .mdr .stage .chip{--mdr-accent: var(--turq-text);--turq-dim: rgba(0,197,168,.14);border-color:var(--glass-border);box-shadow:0 18px 36px -12px #0000008c}.dark .mdr .feature-pill{background:transparent}.dark .mdr .feature-pill.on{background:var(--turq-dim)}.mdr .jump{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px 0;overflow:visible;-webkit-mask-image:none;mask-image:none;max-width:1180px;margin:0 auto;padding:0 32px 40px}.mdr .jump a{display:inline-flex;align-items:center;gap:0;flex-shrink:1;background:none;border:0;box-shadow:none;border-radius:0;padding:2px 0;font-size:14px;font-weight:500;letter-spacing:0;color:var(--text-muted);text-decoration:none;transition:color .2s ease}.mdr .jump a svg{display:none}.mdr .jump a:not(:last-child):after{content:"·";margin:0 12px;color:var(--text-muted);opacity:.7}.mdr .jump a:hover{color:var(--text-primary);border:0;box-shadow:none}.mdr .jump a:focus-visible{outline:2px solid var(--turq);outline-offset:3px;border-radius:2px}@media (max-width: 980px){.mdr .jump{justify-content:center;padding:0 24px 32px}}@media (max-width: 480px){.mdr .jump{padding:0 20px 24px}.mdr .jump a{font-size:13px}.mdr .jump a:not(:last-child):after{margin:0 9px}}