:root{--bg: #f6f7fb;--text: #0f172a;--muted: #475569;--line: rgba(15, 23, 42, .1);--shadow-soft: 0 10px 24px rgba(2, 6, 23, .08);--max: 1200px;--brand: #2563eb;--brand-3: #a855f7}*{box-sizing:border-box}html,body{height:100%;scroll-behavior:smooth}body{margin:0;font-family:AvantGardeCustom,sans-serif;color:var(--text);background:transparent;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(1200px 800px at 15% 10%,rgba(34,197,94,.16),transparent 60%),radial-gradient(1200px 800px at 85% 20%,rgba(168,85,247,.14),transparent 60%),radial-gradient(1200px 800px at 50% 100%,rgba(37,99,235,.12),transparent 60%),linear-gradient(180deg,#fbfcff,#f6f7fb 40%,#fbfcff)}.bg:before,.bg:after{content:"";position:absolute;inset:-20%;z-index:-1;background:radial-gradient(480px 380px at 20% 30%,rgba(248,154,42,.14),transparent 70%),radial-gradient(520px 420px at 80% 25%,rgba(56,200,240,.12),transparent 70%),radial-gradient(520px 420px at 55% 85%,rgba(136,192,64,.12),transparent 70%);animation:floatBg 16s ease-in-out infinite;transform:translateZ(0)}.bg:after{opacity:.65;animation-duration:22s;animation-direction:reverse}@keyframes floatBg{0%{transform:translate(0) scale(1)}50%{transform:translate(2.5%,-2.2%) scale(1.04)}to{transform:translate(0) scale(1)}}@keyframes cloudFloatA{0%{transform:translateZ(0)}25%{transform:translate3d(14px,6px,0)}50%{transform:translate3d(28px,-4px,0)}75%{transform:translate3d(12px,8px,0)}to{transform:translateZ(0)}}@keyframes cloudFloatB{0%{transform:translateZ(0)}25%{transform:translate3d(-10px,4px,0)}50%{transform:translate3d(-22px,-6px,0)}75%{transform:translate3d(-12px,6px,0)}to{transform:translateZ(0)}}@keyframes cloudFloatC{0%{transform:translate(-50%) translateY(0)}25%{transform:translate(calc(-50% + 8px)) translateY(4px)}50%{transform:translate(calc(-50% - 10px)) translateY(-3px)}75%{transform:translate(calc(-50% + 6px)) translateY(5px)}to{transform:translate(-50%) translateY(0)}}@keyframes cloudFloatD{0%{transform:translateZ(0)}25%{transform:translate3d(8px,3px,0)}50%{transform:translate3d(-6px,-2px,0)}75%{transform:translate3d(5px,4px,0)}to{transform:translateZ(0)}}header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#ffffffb8,#ffffff85);border-bottom:1px solid rgba(15,23,42,.09);box-shadow:0 8px 24px #0206170f}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px;position:relative}.nav:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(37,99,235,.25),rgba(168,85,247,.22),rgba(34,197,94,.22),transparent)}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px}.logo{width:38px;height:38px;border-radius:12px;box-shadow:var(--shadow-soft);display:grid;place-items:center;background:linear-gradient(135deg,var(--brand),var(--brand-3));border:1px solid rgba(255,255,255,.6);position:relative;overflow:hidden}.logo:before{content:"";position:absolute;inset:-50%;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.65) 50%,transparent 60%);transform:translate(-30%) rotate(8deg);animation:shine 4.5s ease-in-out infinite;opacity:.6}@keyframes shine{0%{transform:translate(-55%) rotate(8deg);opacity:0}25%{opacity:.55}50%{transform:translate(55%) rotate(8deg);opacity:0}to{opacity:0}}.logo img{width:72%;height:72%;object-fit:contain;display:block;border-radius:8px;position:relative;z-index:1;pointer-events:none}.navactions{display:flex;gap:10px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#ffffffbf;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,filter .15s ease;box-shadow:0 8px 16px #0206170d;-webkit-user-select:none;user-select:none}.btn:hover{transform:translateY(-1px);box-shadow:0 14px 26px #02061717;filter:saturate(1.05)}.btn.primary{border:0;background:linear-gradient(135deg,var(--brand),var(--brand-3));color:#fff;box-shadow:0 16px 34px #2563eb38}footer{position:relative;padding:18px 0 20px;border-top:none;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;margin-left:-1.5rem!important;margin-right:-1.5rem!important;margin-bottom:-1.5rem!important}@media (min-width: 1024px){footer{margin-left:-2rem!important;margin-right:-2rem!important;margin-bottom:-2rem!important}}.foot{position:relative;display:grid;grid-template-columns:1fr .8fr .9fr;gap:14px;align-items:center;min-height:110px}.fine{color:var(--muted);font-weight:400;line-height:1.45;margin-top:6px;font-size:14px;max-width:320px}.links{display:flex;flex-direction:column;gap:8px;align-items:flex-end;text-align:right;padding-right:82px}.links .linkbtn{width:200px;text-align:center}.linkbtn{border:1px solid rgba(15,23,42,.12);background:#ffffffb3;border-radius:999px;padding:10px 12px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 20px #0206170f}.linkbtn:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0206171a}.devby{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.dev-label{color:var(--muted);font-weight:700;font-size:13px;letter-spacing:.3px}.devby img{height:46px;width:auto;object-fit:contain;border-radius:10px;transition:transform .2s ease}.devby img:hover{transform:scale(1.05)}.scrolltop{position:absolute;right:0;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:linear-gradient(135deg,var(--brand),var(--brand-3));color:#fff;box-shadow:0 12px 24px #2563eb40;transition:transform .2s ease,box-shadow .2s ease;z-index:3;font-size:0}.scrolltop:before{content:"^";font-size:28px;font-weight:700;line-height:1;transform:translateY(2px)}.scrolltop:hover{transform:translateY(calc(-50% - 3px));box-shadow:0 18px 40px #2563eb59}.modal{position:fixed;inset:0;display:none;place-items:center;padding:20px;z-index:60}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{position:relative;width:min(860px,100%);max-height:82vh;display:flex;flex-direction:column;border-radius:22px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,#ffffffeb,#ffffffc2);box-shadow:0 30px 80px #02061738;overflow:hidden;transform:translateY(10px) scale(.98);opacity:0;animation:popIn .22s ease both}@keyframes popIn{to{transform:translateY(0) scale(1);opacity:1}}.modal-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 30% 25%,rgba(37,99,235,.18),transparent 55%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.16),transparent 55%),radial-gradient(circle at 60% 80%,rgba(34,197,94,.14),transparent 55%);animation:floatBg 18s ease-in-out infinite;opacity:.7;pointer-events:none}.modal-inner{position:relative;z-index:1;padding:16px;display:flex;flex-direction:column;gap:12px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.modal-title{margin:0;font-size:18px;letter-spacing:-.2px;font-weight:700}.modal-sub{margin:6px 0 0;color:var(--muted);font-weight:400;line-height:1.55}.x{border:1px solid rgba(15,23,42,.12);background:#fffc;border-radius:14px;width:42px;height:42px;cursor:pointer;font-weight:700;display:grid;place-items:center;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 10px 20px #02061714;flex:0 0 auto}.x:hover{transform:translateY(-1px);box-shadow:0 14px 28px #0206171f}.modal-body{background:#ffffffad;border:1px solid rgba(15,23,42,.1);border-radius:16px;padding:14px;overflow-y:auto;max-height:calc(82vh - 170px);-webkit-overflow-scrolling:touch}.modal-body h4{margin:10px 0 6px;font-size:15px;font-weight:700;letter-spacing:-.2px}.modal-body p,.modal-body ol{color:#0f172ac7;font-weight:400;line-height:1.65;font-size:13.8px}.modal-body p{margin:0 0 10px}.modal-body ol{margin:8px 0 12px 18px;padding:0}.modal-body li{margin:6px 0}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.profile-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;height:40px}.profile-btn .avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.profile-btn .username{font-size:14px;white-space:nowrap}.profile-dropdown{position:relative}.dropdown-menu{position:absolute;top:110%;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 20px #0000001a;min-width:150px;display:none;flex-direction:column;overflow:hidden;z-index:1000}.dropdown-menu.show{display:flex}.dropdown-menu a{display:flex;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;color:#333;font-size:14px}.dropdown-menu a:hover{background:#f5f5f5}.landing-main{position:relative;padding:10px 0 28px;overflow:hidden;isolation:isolate}.hero-cloud{position:absolute;z-index:0;pointer-events:none;background:#ffffff57;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 1px #ffffff47,0 8px 30px #ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);will-change:transform}.hero-cloud:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,#ffffff40,#ffffff0f);pointer-events:none}.hero-cloud-left{top:-22px;left:-50px;width:clamp(220px,24vw,360px);height:clamp(130px,18vw,240px);border-radius:38% 62% 43% 57%/46% 34% 66% 54%;opacity:.5;animation:cloudFloatA 18s ease-in-out infinite}.hero-cloud-right{top:-26px;right:-42px;width:clamp(280px,32vw,520px);height:clamp(150px,21vw,290px);border-radius:43% 57% 38% 62%/42% 36% 64% 58%;opacity:.42;animation:cloudFloatB 22s ease-in-out infinite}.hero-cloud-mid{top:-14px;left:50%;width:clamp(180px,18vw,280px);height:clamp(90px,11vw,150px);border-radius:46% 54% 58% 42%/50% 35% 65% 50%;transform:translate(-50%);opacity:.3;animation:cloudFloatC 20s ease-in-out infinite}.floating-cloud{position:absolute;z-index:1;pointer-events:none;border-radius:999px;background:#ffffff57;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffff59,0 10px 24px #ffffff14;opacity:.8;will-change:transform}.floating-cloud:before,.floating-cloud:after{content:"";position:absolute;background:inherit;border:inherit;border-radius:999px;backdrop-filter:inherit;-webkit-backdrop-filter:inherit;box-shadow:inherit}.cloud-pass-left{top:110px;left:-180px;width:130px;height:46px;animation:driftCloudLeftToRight 34s linear infinite}.cloud-pass-left:before{width:52px;height:52px;left:16px;top:-22px}.cloud-pass-left:after{width:66px;height:66px;right:18px;top:-28px}.cloud-pass-right{top:180px;right:-210px;width:160px;height:52px;animation:driftCloudRightToLeft 42s linear infinite}.cloud-pass-right:before{width:64px;height:64px;left:20px;top:-26px}.cloud-pass-right:after{width:78px;height:78px;right:22px;top:-34px}.floating-cloud span{display:none}.floating-cloud::marker{content:none}@keyframes driftCloudLeftToRight{0%{transform:translate(0) translateY(0);opacity:0}6%{opacity:.72}24%{transform:translate(28vw) translateY(-4px)}50%{transform:translate(56vw) translateY(5px)}76%{transform:translate(82vw) translateY(-3px)}94%{opacity:.72}to{transform:translate(110vw) translateY(0);opacity:0}}@keyframes driftCloudRightToLeft{0%{transform:translate(0) translateY(0);opacity:0}6%{opacity:.64}22%{transform:translate(-22vw) translateY(4px)}48%{transform:translate(-50vw) translateY(-5px)}74%{transform:translate(-78vw) translateY(3px)}94%{opacity:.64}to{transform:translate(-112vw) translateY(0);opacity:0}}.hero-ground{position:absolute;inset:auto 0 0;height:clamp(150px,23vw,270px);z-index:2;pointer-events:none}.ground{position:absolute;left:0;right:0;bottom:0}.ground-back{height:125%;background:#b59fd2;clip-path:ellipse(58% 68% at 28% 100%);opacity:.96;z-index:1}.ground-mid{height:88%;background:#b6d430;clip-path:ellipse(42% 66% at 91% 100%);opacity:.98;z-index:2}.ground-left-seat{height:100%;left:-2%;right:-10%;bottom:7%;background:linear-gradient(180deg,#e8d78f,#dc7f6f);clip-path:ellipse(58% 70% at 24% 100%);opacity:.92;z-index:2;filter:blur(.2px)}.ground-front{height:45%;background:#ead680;clip-path:ellipse(88% 74% at 42% 100%);opacity:1;z-index:2}.ground-back{background:linear-gradient(180deg,#c1b0de,#b59fd2)}.ground-mid{background:linear-gradient(180deg,#c4df45,#b6d430)}.ground-front{background:linear-gradient(180deg,#f0df97,#ead680)}.playarabic-hero{position:relative;z-index:3;min-height:auto;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,420px);align-items:flex-start;gap:40px;padding:10px 0 40px}.hero-left,.hero-right,.login-card,.hero-kids-wrap,.kid-visual{position:relative;z-index:3}.hero-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;min-height:100%}.funarabic-wrap{width:100%;display:flex;justify-content:center;align-items:center;margin:0 auto}.hero-title-image{display:block;width:min(100%,360px);height:auto;object-fit:contain}.hero-kids-wrap{display:flex;justify-content:center;align-items:flex-end;width:100%}.hero-kids-image{width:100%;max-width:440px;height:auto;transform:translateY(12px)}.hero-right{display:flex;justify-content:center;align-items:center}.hero-right .login-card{margin:0;width:min(100%,360px)}.kid-visual{align-self:end;pointer-events:none}.kid-visual img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.08))}.kid-left,.kid-right,.hero-center{all:unset}.magic-glitter-layer{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:hidden}.magic-sparkle{position:absolute;width:10px;height:10px;pointer-events:none;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.4);animation:sparkleFloatFade .9s ease-out forwards;will-change:transform,opacity}.magic-sparkle:before,.magic-sparkle:after{content:"";position:absolute;inset:0;border-radius:inherit}.magic-sparkle.glow-gold:before{background:radial-gradient(circle,#fff5aaf2,#ffd14cb3 38%,#ffd14c00 75%);filter:blur(.5px)}.magic-sparkle.glow-blue:before{background:radial-gradient(circle,#d2f4fff2,#5cceffa6 38%,#5cceff00 75%);filter:blur(.5px)}.magic-sparkle.glow-pink:before{background:radial-gradient(circle,#ffe2faf2,#ff8ad799 38%,#ff8ad700 75%);filter:blur(.5px)}.magic-sparkle.star:after{width:12px;height:12px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(to right,transparent 42%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.9) 58%,transparent 58%),linear-gradient(to bottom,transparent 42%,rgba(255,255,255,.9) 42%,rgba(255,255,255,.9) 58%,transparent 58%);opacity:.8;border-radius:2px}@keyframes sparkleFloatFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}20%{opacity:1;transform:translate(-50%,-52%) scale(1)}to{opacity:0;transform:translate(-50%,-85%) scale(.6)}}.login-card{background:#ffffffb8;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px 22px 18px;box-shadow:0 18px 45px #02061714;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);text-align:left}.login-logo-wrap{display:flex;justify-content:center;margin-bottom:10px}.login-mini-logo{width:42px;height:42px;object-fit:contain}.login-title{margin:0;text-align:center;font-size:20px;font-weight:700;color:#2b2b2b}.login-subtitle{margin:8px 0 20px;text-align:center;font-size:13px;color:#7a7a7a;line-height:1.45}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:13px;font-weight:400;color:#4b4b4b}.field-error{display:none;margin-top:6px;font-size:12px;font-weight:400;color:#dc2626;line-height:1.4}.field-error.show{display:block}.input-invalid{border-color:#dc2626!important;box-shadow:0 0 0 4px #dc26261a!important}.input-valid{border-color:#22c55e!important;box-shadow:0 0 0 4px #22c55e14!important}.login-form input[type=email],.login-form input[type=password],.login-form input[type=text]{width:100%;height:46px;border-radius:999px;border:1.5px solid rgba(15,23,42,.12);background:#ffffffe6;padding:0 16px;font-size:14px;font-family:inherit;color:#0f172a;outline:none;appearance:none;-webkit-appearance:none;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.login-form input[type=email]:focus,.login-form input[type=password]:focus,.login-form input[type=text]:focus{border-color:#6b5cff;box-shadow:0 0 0 4px #6b5cff1f}.password-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.forgot-link{font-size:13px;font-weight:400;color:#4b4b4b}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.toggle-password{position:absolute;top:50%;right:14px;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1;opacity:.7;display:none}.toggle-password.show{display:block}.toggle-password:focus,.toggle-password:active,.toggle-password:hover{background:transparent;box-shadow:none;outline:none}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:400;color:#5b5b5b;cursor:pointer}.remember-me input{width:16px;height:16px}.login-submit{width:100%;height:48px;border:0;border-radius:999px;background:linear-gradient(180deg,#2b2b2b,#171717);color:#fff;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 12px 24px #00000024;transition:transform .15s ease,box-shadow .15s ease}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0000002e}.signup-text{margin:4px 0 0;text-align:center;font-size:14px;color:#666}.signup-text a{font-weight:700;color:#333;text-decoration:underline;text-underline-offset:2px}.arabic-music-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:1}.arabic-music-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.music-staff-path{fill:none;stroke:#46464638;stroke-width:2.6;stroke-linecap:round;animation:staffWaveFloat 14s ease-in-out infinite}.music-staff-path.staff-2{stroke:#5a5a5a29;animation-duration:18s;animation-delay:-4s}.music-staff-path.staff-3{stroke:#6e6e6e1f;animation-duration:22s;animation-delay:-7s}@keyframes staffWaveFloat{0%{transform:translateZ(0);opacity:.65}50%{transform:translate3d(20px,-8px,0);opacity:.92}to{transform:translateZ(0);opacity:.65}}.music-staff{fill:none;stroke-linecap:round;stroke-linejoin:round}.staff-blur{stroke:#ffffff29;stroke-width:7;filter:url(#softBlur);opacity:.45;stroke-dasharray:2200;stroke-dashoffset:2200;animation:lineReveal 11s ease-in-out infinite}.staff-main{stroke:#5a5a5a2e;stroke-width:2.2;opacity:.78;stroke-dasharray:2200;stroke-dashoffset:2200;animation:lineReveal 11s ease-in-out infinite}.line-b,.blur-b{animation-delay:1.8s}.line-c,.blur-c{animation-delay:3.4s}.line-d,.blur-d{animation-delay:5s}.line-c,.line-d{opacity:.55}.line-d{stroke-width:1.8px}.blur-d{opacity:.35}@keyframes lineReveal{0%{stroke-dashoffset:2200;opacity:0}10%{opacity:.08}24%{stroke-dashoffset:0;opacity:.78}70%{stroke-dashoffset:0;opacity:.68}to{stroke-dashoffset:-180;opacity:0}}.path-letter{font-family:"AvantGardeCustom",sans-serif"Noto Naskh Arabic","Scheherazade New",serif;font-size:46px;font-weight:400;dominant-baseline:middle;text-anchor:middle;filter:url(#letterGlow);opacity:0}.letter-gold{fill:#ffb11f}.letter-pink{fill:#ff4bb5}.letter-cyan{fill:#8be7ff}.letter-cream{fill:#ffd89a}.letter-purple{fill:#b587ff}.letter-orange{fill:#ff9d2f}.release-letter{opacity:0;transform-box:fill-box;transform-origin:center;animation:letterRelease 11s ease-out infinite;filter:url(#letterGlow)}.release-letter text{font-family:"AvantGardeCustom",sans-serif"Noto Naskh Arabic","Scheherazade New",serif;font-size:48px;font-weight:400;text-anchor:middle;dominant-baseline:middle}.release-gold text{fill:#ffb11f}.release-pink text{fill:#ff4bb5}.release-cyan text{fill:#8be7ff}.release-cream text{fill:#ffd89a}.release-purple text{fill:#b587ff}.release-orange text{fill:#ff9d2f}.delay-1{animation-delay:.8s}.delay-2{animation-delay:1.6s}.delay-3{animation-delay:2.4s}.delay-4{animation-delay:3.2s}.delay-5{animation-delay:4s}.delay-6{animation-delay:4.8s}.delay-7{animation-delay:5.6s}.delay-8{animation-delay:6.4s}@keyframes letterRelease{0%{opacity:0;transform:translateY(18px) scale(.75)}16%{opacity:0;transform:translateY(18px) scale(.75)}28%{opacity:1;transform:translateY(0) scale(1)}46%{opacity:.92;transform:translateY(-10px) translate(6px) scale(1.06)}66%{opacity:.58;transform:translateY(-24px) translate(12px) scale(1.1)}84%{opacity:.18;transform:translateY(-42px) translate(18px) scale(1.14)}to{opacity:0;transform:translateY(-54px) translate(24px) scale(1.16)}}@media (max-width: 980px){.foot{grid-template-columns:1fr;gap:16px;text-align:center;padding-bottom:64px}.fine{max-width:none;margin-left:auto;margin-right:auto}.links{align-items:center;text-align:center;padding-right:0}.scrolltop{right:50%;top:auto;bottom:0;transform:translate(50%)}.scrolltop:hover{transform:translate(50%) translateY(-3px)}.playarabic-hero{grid-template-columns:1fr;gap:24px;min-height:auto;padding:18px 0 28px}.hero-left,.hero-right{width:100%}.hero-title-image{width:min(100%,360px)}.hero-kids-image{width:min(100%,280px);max-width:280px}.hero-ground{height:150px}.login-card,.hero-right .login-card{width:min(100%,380px)}.path-letter{font-size:34px}.staff-blur{stroke-width:5}.staff-main{stroke-width:1.8px}.arabic-music-layer{opacity:.72}}@media (max-width: 560px){.landing-main{padding:8px 0 18px}.hero-cloud-left{width:170px;height:110px;left:-44px}.hero-cloud-right{width:220px;height:130px;right:-58px}.hero-cloud-mid{width:140px;height:80px;top:-8px}.hero-cloud-small{width:90px;height:54px;top:42px;right:10%}.playarabic-hero{gap:18px;padding:12px 0 22px}.hero-left{gap:18px}.hero-title-image{width:min(100%,300px)}.hero-kids-image{width:min(100%,230px);max-width:230px}.hero-ground{height:120px}.login-card,.hero-right .login-card{width:min(100%,94%);padding:18px 16px 16px;border-radius:18px}.password-row{flex-direction:row;align-items:center}.forgot-link{font-size:12px}.cloud-pass-left{top:95px;width:96px;height:36px}.cloud-pass-left:before{width:40px;height:40px;top:-16px}.cloud-pass-left:after{width:48px;height:48px;top:-20px}.cloud-pass-right{top:150px;width:116px;height:40px}.cloud-pass-right:before{width:44px;height:44px;top:-18px}.cloud-pass-right:after{width:56px;height:56px;top:-24px}.path-letter{font-size:26px}.music-staff-path{stroke-width:1.4}.arabic-music-layer{opacity:.7}}.shake-field{animation:fieldShake .32s ease-in-out}@keyframes fieldShake{0%{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}to{transform:translate(0)}}.login-submit.is-loading{opacity:.92;cursor:wait;transform:none!important}.login-submit:disabled{cursor:wait}.flip-card{perspective:1200px;width:100%;max-width:420px;margin:auto}.flip-card-inner{position:relative;width:100%;height:502px;transition:transform .7s ease,height .4s ease;transform-style:preserve-3d}.flip-card-front,.flip-card-back{position:absolute;width:100%;top:0;left:0;backface-visibility:hidden}.flip-card-front{transform:rotateY(0)}.flip-card-back,.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.login-card{height:100%;padding:30px;border-radius:20px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 20px 60px #00000026}.cloud-slow-huge{position:absolute;top:15%;left:10%;width:clamp(380px,36vw,600px);height:clamp(140px,14vw,240px);border-radius:43% 57% 38% 62%/42% 36% 64% 58%;background:#ffffff40;border:1px solid rgba(255,255,255,.16);filter:blur(8px);opacity:.38;z-index:0;pointer-events:none;animation:slowCloudFloat 54s ease-in-out infinite}@keyframes slowCloudFloat{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(36px,-15px,0) scale(1.06)}to{transform:translateZ(0) scale(1)}}.bg-light-glow{position:absolute;top:20%;left:45%;transform:translate(-50%,-50%);width:clamp(500px,60vw,850px);height:clamp(500px,60vw,850px);background:radial-gradient(circle,#fffdd261,#fff0 70%);z-index:-1;pointer-events:none;animation:glowPulse 10s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.85;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.cloud-fast-small{position:absolute;z-index:1;pointer-events:none;border-radius:999px;background:#ffffff70;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:inset 0 1px #fff6,0 6px 14px #ffffff14;opacity:.72;height:18px;width:54px}.cloud-fast-small:before{content:"";position:absolute;background:inherit;border:inherit;border-radius:999px;width:22px;height:22px;left:8px;top:-10px}.cloud-fast-small:after{content:"";position:absolute;background:inherit;border:inherit;border-radius:999px;width:28px;height:28px;right:8px;top:-12px}.cloud-fast-small.fast-1{top:80px;left:-100px;animation:driftCloudLeftToRight 15s linear infinite}.cloud-fast-small.fast-2{top:240px;right:-100px;width:65px;height:20px;animation:driftCloudRightToLeft 18s linear infinite;animation-delay:2s}.cloud-fast-small.fast-3{top:320px;left:-120px;width:48px;height:16px;animation:driftCloudLeftToRight 22s linear infinite;animation-delay:5s}