@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap";.countdown-page{background:linear-gradient(135deg,#00443ff2 0%,#00443fe6 50%,#997849d9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.countdown-overlay{z-index:1;background:linear-gradient(135deg,#00443f4d 0%,#00282566 100%);width:100%;height:100%;position:absolute;top:0;left:0}.countdown-arabic-letters-bg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.countdown-floating-letter{color:#f1e9d626;will-change:transform,opacity;pointer-events:none;opacity:0;font-family:Amiri,Traditional Arabic,serif;font-weight:700;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);animation:12s ease-in-out infinite countdown-float-letter;position:absolute;transform:translateY(20px)scale(.8)}.countdown-floating-letter.countdown-letter-visible{opacity:1;text-shadow:0 0 30px #f1e9d64d,0 0 60px #f1e9d61a;transform:translateY(0)scale(1)}.countdown-floating-letter.countdown-letter-hidden{opacity:0;transform:translateY(-20px)scale(.9)}@keyframes countdown-float-letter{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-25px)translate(12px)rotate(4deg)}50%{transform:translateY(-40px)translate(-8px)rotate(-2deg)}75%{transform:translateY(-15px)translate(18px)rotate(5deg)}}.countdown-container{text-align:center;width:100%;max-width:900px;padding:var(--spacing-3xl,3rem);border-radius:var(--radius-xl,16px);z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.countdown-logo{margin-bottom:var(--spacing-xl,2rem)}.countdown-logo img{filter:drop-shadow(0 4px 6px #0000001a);max-width:180px;height:auto}.countdown-title{justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);color:var(--primary,#00443f);margin-bottom:var(--spacing-md,1rem);letter-spacing:-.02em;font-size:2.75rem;font-weight:700;display:flex}.countdown-title-icon{color:var(--secondary,#cca061);animation:2s ease-in-out infinite countdown-sparkle}@keyframes countdown-sparkle{0%,to{opacity:1;transform:rotate(0)scale(1)}50%{opacity:.8;transform:rotate(10deg)scale(1.1)}}.countdown-message{color:#555;margin-bottom:var(--spacing-2xl,2.5rem);max-width:600px;margin-left:auto;margin-right:auto;font-size:1.25rem;line-height:1.7}.countdown-timer{justify-content:center;align-items:flex-start;gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-3xl,3rem);flex-wrap:wrap;display:flex}.countdown-unit{flex-direction:column;align-items:center;display:flex}.countdown-number-wrapper{background:linear-gradient(180deg,var(--primary,#00443f)0%,#002825 100%);border-radius:var(--radius-lg,12px);padding:var(--spacing-lg,1.5rem)var(--spacing-xl,2rem);min-width:120px;position:relative;overflow:hidden;box-shadow:0 10px 40px -10px #00443f66,inset 0 1px #ffffff1a}.countdown-number-wrapper:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1a 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.countdown-number{color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #0003;font-size:4rem;font-weight:700;line-height:1}.countdown-number--seconds{animation:1s ease-in-out infinite countdown-tick}@keyframes countdown-tick{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.countdown-label{text-transform:uppercase;letter-spacing:3px;color:var(--secondary,#cca061);margin-top:var(--spacing-sm,.5rem);font-size:.875rem;font-weight:600}.countdown-separator{color:var(--secondary,#cca061);margin-top:1.5rem;font-size:3.5rem;font-weight:700;animation:1s ease-in-out infinite countdown-blink}@keyframes countdown-blink{0%,to{opacity:1}50%{opacity:.3}}.countdown-login-section{justify-content:center;align-items:center;gap:var(--spacing-md,1rem);padding:var(--spacing-lg,1.5rem);background:linear-gradient(135deg,var(--light,#f1e9d6)0%,#f8f4eb 100%);border-radius:var(--radius-lg,12px);border:1px solid #cca06133;flex-wrap:wrap;display:flex}.countdown-login-icon{color:var(--secondary,#cca061)}.countdown-login-text{color:#555;margin:0;font-size:1rem}.countdown-login-link{align-items:center;gap:var(--spacing-xs,.25rem);color:#fff;padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);border-radius:var(--radius-md,8px);font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00443f4d}.countdown-login-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00443f66}.countdown-login-link:active{transform:translateY(0)}.countdown-action-buttons{gap:var(--spacing-sm,.5rem);flex-wrap:wrap;justify-content:center;display:flex}.countdown-register-link{align-items:center;gap:var(--spacing-xs,.25rem);color:var(--primary,#00443f);padding:var(--spacing-sm,.5rem)var(--spacing-lg,1.5rem);border:2px solid var(--primary,#00443f);border-radius:var(--radius-md,8px);background:#fff;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00443f26}.countdown-register-link:hover{background:var(--primary,#00443f);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00443f4d}.countdown-register-link:active{transform:translateY(0)}.countdown-footer{margin-top:var(--spacing-2xl,2.5rem);color:#888;margin-bottom:0;font-size:.875rem}@media (width<=768px){.countdown-page{padding:var(--spacing-md,1rem)}.countdown-container{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.countdown-title{font-size:2rem}.countdown-message{font-size:1rem}.countdown-timer{gap:var(--spacing-sm,.5rem)}.countdown-number-wrapper{padding:var(--spacing-md,1rem)var(--spacing-lg,1.5rem);min-width:80px}.countdown-number{font-size:2.5rem}.countdown-separator{margin-top:1rem;font-size:2rem}.countdown-label{letter-spacing:2px;font-size:.75rem}.countdown-login-section{text-align:center;gap:var(--spacing-sm,.5rem);flex-direction:column}}@media (width<=480px){.countdown-logo img{max-width:120px}.countdown-title{flex-wrap:wrap;font-size:1.5rem}.countdown-title-icon{width:24px;height:24px}.countdown-timer{gap:.25rem}.countdown-number-wrapper{padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);min-width:60px}.countdown-number{font-size:1.75rem}.countdown-separator{margin-top:.5rem;font-size:1.5rem}.countdown-label{letter-spacing:1px;font-size:.625rem}}html[dir=rtl] .countdown-login-section,html[dir=rtl] .countdown-login-link{flex-direction:row-reverse}@media (width<=768px){.countdown-floating-letter{font-size:1.5rem!important}}@media (width<=576px){.countdown-floating-letter{font-size:1.2rem!important}}@media (prefers-reduced-motion:reduce){.countdown-floating-letter,.countdown-container,.countdown-title,.countdown-message,.countdown-timer,.countdown-login-section{transition:none;animation:none}.countdown-floating-letter.countdown-letter-visible{opacity:.15}.countdown-floating-letter.countdown-letter-hidden{opacity:0}.countdown-number--seconds,.countdown-separator,.countdown-title-icon{animation:none}}.countdown-gate-loading{background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.countdown-gate-spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite countdown-gate-spin}@keyframes countdown-gate-spin{to{transform:rotate(360deg)}}.site-header{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#4c4c4cbf;border-radius:15px;width:80%;transition:border-radius .2s;position:fixed;top:2%;left:0;transform:translate(12.5%);box-shadow:0 2px 10px #0000001a}.site-header.menu-open{border-radius:15px 15px 0 0}.header-container{justify-content:space-between;align-items:center;max-width:1400px;height:70px;margin:0 auto;padding:0 2rem;display:flex}.header-center{flex:1;display:flex}.logo-container{background-color:#0000;border-radius:8px;height:40px}@media (width>=1500px){.logo-container{width:160px}}.logo-container img{object-fit:contain;width:100%;height:100%}.header-left{flex:0;align-items:center;display:flex}.nav-list{margin:0;padding:0;list-style:none;display:flex}.nav-item{width:max-content;height:40px;margin-right:.45rem;position:relative}.nav-link{color:#fff;border-radius:6px;align-items:center;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:flex}@media (width<=1500px){.nav-item{margin-right:.25rem}.nav-link{padding:.4rem .8rem;font-size:.8rem}}.nav-link:hover{color:var(--secondary)}.nav-link.active{color:var(--secondary);font-weight:600}.nav-item.dropdown{position:relative}.nav-link.dropdown-trigger{align-items:center;gap:.3rem;display:flex}.nav-item.dropdown:hover .nav-link.dropdown-trigger,.nav-dropdown-menu.open+.nav-link.dropdown-trigger{color:var(--secondary);background-color:#ffffff1a}.nav-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:1100;background-color:#4c4c4c;border-radius:8px;min-width:180px;margin-top:.25rem;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:100%;left:0;overflow:hidden;transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.nav-item.dropdown:before{content:"";z-index:1099;background:0 0;height:.5rem;position:absolute;top:100%;left:-.5rem;right:-.5rem}.nav-item.dropdown{padding-bottom:.5rem}.nav-dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-dropdown-link{color:#fff;border-radius:4px;margin:.125rem;padding:.75rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:block}.nav-dropdown-link:hover{color:var(--secondary);background-color:#ffffff26}.nav-dropdown-link.active{color:var(--secondary);background-color:#fff3;font-weight:600}.nav-item.dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:1rem;display:flex}@media screen and (width<=768px){.header-right{gap:.33rem}}.header-icon-container{margin-right:12px;position:relative}.join-button{background-color:var(--primary);color:var(--light);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.join-button:hover{background-color:#005a53}.lang-dropdown{margin-left:1.5rem;position:relative}.lang-dropdown-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;padding:.5rem;font-size:.875rem;display:flex}.lang-code{margin:0 .25rem}.dropdown-arrow{transition:transform .3s}.dropdown-arrow.open{transform:rotate(180deg)}.lang-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;background-color:#4c4c4c;border-radius:8px;min-width:120px;margin-top:.5rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 4px 12px #00000026}.lang-dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.lang-option{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:background-color .2s;display:block}.lang-option:hover{background-color:#ffffff1a}.lang-option.active{background-color:#ffffff26;font-weight:600}.mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;margin-right:1rem;padding:.5rem;display:none}.mobile-menu{display:none}@media (width<=1280px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}.header-container{padding:0 1.5rem}.mobile-menu{z-index:990;opacity:0;visibility:hidden;background-color:#4c4c4c;border-radius:0 0 15px 15px;width:80%;height:0;transition:all .3s;display:block;position:fixed;top:calc(2% + 70px);left:8%;overflow:hidden;transform:translateY(-20px);box-shadow:0 8px 16px #00000026}.mobile-menu.open{opacity:1;visibility:visible;height:auto;max-height:calc(98vh - 70px);overflow-y:auto;transform:translateY(0)}.mobile-nav-list{margin:0;padding:2rem 1.5rem;list-style:none}.mobile-nav-item{margin-bottom:1.5rem}.mobile-nav-link{color:#fff;border-radius:6px;padding:.5rem 1rem;font-size:1.125rem;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:block}.mobile-nav-link:hover{color:var(--secondary)}.mobile-nav-link.active{background-color:var(--light);color:var(--secondary);font-weight:600}.mobile-nav-section{margin-bottom:2rem}.mobile-nav-section-title{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;padding:0 1rem;font-size:1rem;font-weight:600}.mobile-nav-subsection{margin:0 0 0 1rem;padding:0;list-style:none}.mobile-nav-subsection li{margin-bottom:.75rem}.mobile-nav-subsection .mobile-nav-link{color:#ffffffe6;padding:.4rem 1rem;font-size:1rem}}@media (width<=768px){.site-header{width:90%;transform:translate(5%)}.mobile-menu{width:90%;left:4.5%}.header-container{padding:0 1rem}.join-button{padding:.6rem 1.2rem;font-size:.9rem}.lang-dropdown{margin-left:1rem}.logo-container{width:120px;height:40px}}html[dir=rtl] .nav-item{margin-left:1.5rem;margin-right:0}html[dir=rtl] .lang-dropdown{margin-left:0;margin-right:1.5rem}html[dir=rtl] .lang-dropdown-menu{left:0;right:auto}html[dir=rtl] .lang-option{text-align:right}html[dir=rtl] .mobile-menu-toggle{margin-left:1rem;margin-right:0}html[dir=rtl] .nav-dropdown-menu{left:auto;right:0}html[dir=rtl] .nav-dropdown-link{text-align:right}html[dir=rtl] .mobile-nav-subsection{margin-left:0;margin-right:1rem}@media (width<=768px){html[dir=rtl] .lang-dropdown{margin-right:1rem}}.auth-buttons{align-items:center;gap:.75rem;display:flex}.header-profile-dropdown{position:relative}.header-profile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.header-profile-avatar{background-color:#fff3;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.header-profile-avatar img{object-fit:cover;width:100%;height:100%}.header-profile-avatar-loading{background:linear-gradient(90deg,#fff3,#fff6,#fff3) 0 0/200% 100%;border-radius:50%;width:100%;height:100%;animation:1.5s infinite header-profile-loading}@keyframes header-profile-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header-profile-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:1100;background-color:#4c4c4c;border-radius:8px;width:260px;margin-top:.5rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 4px 12px #00000026}.header-profile-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.header-profile-info{border-bottom:1px solid #ffffff1a;padding:1rem}.header-profile-name{color:#fff;margin:0 0 .25rem;font-weight:600}.header-profile-email{color:#ffffffb3;margin:0;font-size:.8rem}.header-profile-badge{color:gold;align-items:center;gap:.25rem;margin:.25rem 0 0;font-size:.75rem;font-weight:600;display:flex}.header-profile-error{color:#ff6b6b;text-align:center;margin:0;font-size:.85rem}.header-profile-links{padding:.5rem 0}.header-profile-link{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:flex}.header-profile-link:hover{background-color:#ffffff1a}.header-profile-link--logout{color:#ff6b6b}.header-profile-link--admin{color:gold;font-weight:600}.header-profile-link--admin:hover{background-color:#ffd7001a}.auth-dropdown{position:relative}.auth-dropdown-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.auth-dropdown-menu{opacity:0;visibility:hidden;pointer-events:none;z-index:1100;background-color:#4c4c4c;border-radius:8px;width:160px;margin-top:.5rem;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;top:100%;right:0;overflow:hidden;transform:translateY(-10px);box-shadow:0 4px 12px #00000026}.auth-dropdown-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.auth-dropdown-link{color:#fff;text-align:left;padding:.75rem 1rem;font-size:.9rem;text-decoration:none;transition:background-color .2s;display:block}.auth-dropdown-link:hover{background-color:#ffffff1a}.mobile-nav-button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.5rem 1rem;font-size:1.125rem;font-weight:500;transition:color .2s,background-color .2s}.mobile-nav-button:hover{color:var(--secondary)}.mobile-nav-button.logout{color:#ff6b6b}html[dir=rtl] .auth-buttons{flex-direction:row-reverse}html[dir=rtl] .header-profile-menu,html[dir=rtl] .auth-dropdown-menu{left:0;right:auto}html[dir=rtl] .header-profile-link,html[dir=rtl] .auth-dropdown-link{text-align:right}@media (width<=768px){.auth-buttons{gap:.5rem}.login-button{padding:.6rem 1rem;font-size:.9rem}.header-profile-toggle,.auth-dropdown-toggle{padding:.4rem}.header-profile-avatar{width:28px;height:28px}}.notification-icon{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:relative}.notification-icon:hover,.notification-icon.active{background-color:#0000000d}.notification-badge{color:#fff;background-color:#e53935;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:0}.notification-dropdown{z-index:1000;background-color:#fff;border-radius:8px;flex-direction:column;width:350px;max-height:450px;display:flex;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 5px 15px #0000001a}.notification-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.notification-header h3{margin:0;font-size:16px;font-weight:600}.mark-all-read-btn{color:var(--primary,#00443f);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px}.mark-all-read-btn:hover{background-color:#00443f14}.mark-all-read-btn:disabled{color:#aaa;cursor:default;background-color:#0000}.notification-list{flex:1;max-height:400px;overflow-y:auto}.notification-loading,.empty-notifications{color:#757575;justify-content:center;align-items:center;height:100px;font-size:14px;display:flex}.loading-spinner{border:2px solid #eee;border-top-color:#4285f4;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notification-item{cursor:pointer;border-bottom:1px solid #eee;align-items:flex-start;padding:12px 16px;transition:background-color .2s;display:flex;position:relative}.notification-item.unread{background-color:#f0f7ff}.notification-item.unread:hover{background-color:#e5f1ff}.notification-item.read{opacity:.8;background-color:#fafafa}.notification-item.read .notification-title{color:#555;font-weight:400}.notification-item.read .notification-body{color:#777}.notification-content{flex:1}.notification-title{margin-bottom:4px;font-size:14px;font-weight:600;line-height:1.4}.notification-body{color:#555;margin-bottom:8px;font-size:13px;line-height:1.4}.unread-indicator{background-color:#4285f4;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px;margin-left:8px}[dir=rtl] .notification-dropdown{left:0;right:auto}[dir=rtl] .unread-indicator{margin-left:0;margin-right:8px}[dir=rtl] .notification-badge{left:0;right:auto}@media (width<=767px){.notification-dropdown{border-radius:0;width:100%;max-height:calc(100vh - 60px);position:fixed;top:60px;left:0;right:0}}.site-footer{color:#333;background-color:#f8f9fa;padding:4rem 2rem 2rem;font-family:inherit}.footer-main{flex-wrap:wrap;justify-content:space-between;gap:3rem;max-width:1440px;margin-bottom:4rem;margin-left:auto;margin-right:auto;display:flex}.footer-logo{flex:1;align-items:flex-start;min-width:180px;max-width:250px;display:flex}.footer-logo img{max-width:100%;height:auto}.footer-pages{flex:1;min-width:200px}.footer-title{color:var(--primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600;position:relative}.footer-title:after{content:"";background-color:var(--secondary);width:40px;height:3px;margin-top:.5rem;display:block}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links li a{color:var(--primary);font-size:1rem;text-decoration:none;transition:color .3s;display:inline-block;position:relative}.footer-links li a:after{content:"";background-color:var(--primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-links li a:hover{color:var(--secondary)}.footer-links li a:hover:after{width:100%}.footer-contact{flex:1;min-width:250px}.contact-info{margin:0;padding:0;list-style:none}.contact-info li{color:var(--primary);align-items:center;margin-bottom:1.2rem;display:flex}.contact-info li svg{color:var(--secondary);flex-shrink:0;margin-right:.75rem}.contact-info li span{line-height:1.4}.footer-social{gap:1rem;margin-top:2rem;display:flex}.social-icon{width:40px;height:40px;color:var(--primary);background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-icon:hover{color:var(--secondary);filter:saturate(1.2);transform:translateY(-3px)}.footer-bottom{border-top:1px solid #e0e0e0;max-width:1200px;margin-left:auto;margin-right:auto;padding-top:2rem}.sponsors{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;display:flex}.sponsor{align-items:center;height:60px;display:flex}.sponsor img{filter:grayscale();opacity:.7;max-width:120px;max-height:100%;transition:all .3s}.sponsor img:hover{filter:grayscale(0);opacity:1}.footer-legal{color:#777;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.legal-links{gap:1.5rem;display:flex}.legal-links a{color:#777;text-decoration:none;transition:color .3s}.legal-links a:hover{color:#4caf50}[dir=rtl] .footer-title:after{margin-left:auto;margin-right:0}[dir=rtl] .contact-info li svg{margin-left:.75rem;margin-right:0}[dir=rtl] .footer-links li a:after{left:auto;right:0}@media (width<=992px){.footer-main{text-align:center;flex-direction:column;align-items:center;gap:2.5rem}.footer-logo{justify-content:center}.footer-title:after{margin-left:auto;margin-right:auto}.contact-info li,.footer-social{justify-content:center}}@media (width<=768px){.site-footer{padding:3rem 1rem 1.5rem}.footer-main{margin-bottom:2.5rem}.footer-bottom{padding-top:1.5rem}.sponsors{gap:1.5rem;margin-bottom:1.5rem}.sponsor{height:50px}.sponsor img{max-width:100px}.footer-legal{text-align:center;flex-direction:column}.legal-links{flex-wrap:wrap;justify-content:center}}@media (width<=480px){.site-footer{padding:2rem 1rem 1rem}.footer-title{font-size:1.25rem}.sponsors{gap:1rem}.sponsor{height:40px}.sponsor img{max-width:80px}.legal-links{gap:1rem;font-size:.8rem}}.home-page{margin-top:calc(-1*var(--header-height))}.home-hero-section{justify-content:center;align-items:center;min-height:100vh;padding-bottom:80px;display:flex;position:relative;overflow:hidden}.home-hero-overlay{z-index:1;background:linear-gradient(135deg,#00443ff2 0%,#00443fe6 50%,#997849d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.home-arabic-letters-bg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.home-floating-letter{color:#f1e9d626;will-change:transform,opacity;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;font-family:Amiri,Traditional Arabic,serif;font-weight:700;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);animation:12s ease-in-out infinite floatArabicLetter;position:absolute;transform:translateY(20px)scale(.8)}.home-floating-letter.home-letter-visible{opacity:1;transform:translateY(0)scale(1)}.home-floating-letter.home-letter-hidden{opacity:0;transform:translateY(-20px)scale(.9)}@keyframes floatArabicLetter{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-25px)translate(12px)rotate(4deg)}50%{transform:translateY(-40px)translate(-8px)rotate(-2deg)}75%{transform:translateY(-15px)translate(18px)rotate(5deg)}}.home-floating-letter.home-letter-visible{text-shadow:0 0 30px #f1e9d64d,0 0 60px #f1e9d61a}.home-hero-container{z-index:3;max-width:900px;padding:var(--spacing-xl)var(--spacing-lg);width:100%;margin:0 auto;position:relative}.home-verse-container{margin-bottom:var(--spacing-xl);text-align:center;flex-direction:column;align-items:center;animation:1s ease-out fadeInUp;display:flex}.home-quran-verse{margin-bottom:var(--spacing-md)}.home-verse-image{filter:drop-shadow(0 4px 12px #0006);border-radius:var(--radius-md);background-color:#ffffff4d;max-width:80%;height:auto;animation:1s ease-out .2s backwards fadeInUp}.home-verse-translation{color:var(--secondary);text-shadow:0 2px 10px #0006;max-width:80%;margin:0 auto;font-size:1.3rem;font-weight:500;line-height:1.6;animation:1s ease-out .3s backwards fadeInUp}.wisdom-highlight{background:var(--secondary);color:var(--primary);border-radius:6px;padding:4px 10px;font-weight:700}.home-hero-content-centered{text-align:center;animation:1s ease-out .4s backwards fadeInUp}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.home-hero-heading{color:var(--white);margin-bottom:var(--spacing-lg);text-shadow:0 4px 20px #0000004d;font-size:3.5rem;font-weight:800;line-height:1.2;animation:1s ease-out .5s backwards fadeInUp}.home-highlight-quran,.home-highlight-arabisch{color:var(--secondary)}.home-hero-description{color:#ffffffe6;margin-bottom:var(--spacing-2xl);text-shadow:0 2px 8px #0000004d;max-width:700px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7;animation:1s ease-out .7s backwards fadeInUp}.home-hero-buttons{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;animation:1s ease-out .9s backwards fadeInUp;display:flex}.home-btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:10px;padding:16px 32px;font-size:1.05rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0003}.home-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-btn:hover:before{left:100%}.home-btn-primary{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary)}.home-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06180}.home-btn-outline{color:var(--white);border:2px solid var(--white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.home-btn-outline:hover{background:var(--white);color:var(--primary);transform:translateY(-3px);box-shadow:0 12px 32px #ffffff4d}@media (width<=992px){.home-hero-heading{font-size:2.8rem}.home-hero-description{font-size:1rem}}@media (width<=768px){.home-verse-container{margin-bottom:var(--spacing-lg)}.home-verse-translation{max-width:95%;font-size:1.1rem}.home-verse-image{max-width:90%}.home-hero-heading{font-size:2.2rem}.home-hero-description{margin-bottom:var(--spacing-xl);font-size:.95rem}.home-hero-buttons{flex-direction:column;align-items:center}.home-btn{justify-content:center;width:100%;max-width:320px}.home-floating-letter{font-size:1.5rem!important}}@media (width<=576px){.home-verse-translation{font-size:1rem}.home-verse-image{max-width:95%}.home-hero-heading{font-size:1.8rem}.home-hero-description{font-size:.9rem}.home-btn{padding:14px 24px;font-size:.95rem}.home-floating-letter{font-size:1.2rem!important}}html[dir=rtl] .home-hero-content-centered{direction:rtl}html[dir=rtl] .home-btn{flex-direction:row-reverse}@media (prefers-reduced-motion:reduce){.home-floating-letter,.home-hero-content-centered,.home-hero-heading,.home-hero-subheading,.home-hero-description,.home-hero-buttons,.home-hero-stats{transition:none;animation:none}.home-floating-letter.home-letter-visible{opacity:.15}.home-floating-letter.home-letter-hidden{opacity:0}}.home-for-whom-section{background:#fff;padding:80px 0;position:relative}.home-for-whom-container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.home-for-whom-section-title{text-align:center;color:var(--primary);letter-spacing:-.5px;margin-bottom:60px;font-size:2.5rem;font-weight:700}[dir=rtl] .home-for-whom-section-title{letter-spacing:0}.home-for-whom-cards{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;display:grid}.home-for-whom-card{opacity:0;background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;align-items:flex-start;padding:32px;transition:all .3s;display:flex;transform:translateY(20px);box-shadow:0 2px 12px #0000000f}.home-for-whom-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.home-for-whom-card.animate{opacity:1;transition:transform .5s,opacity .5s,box-shadow .3s,border-color .3s;transform:translateY(0)}.home-germanic-card{transition-delay:.1s}.home-arabic-card{transition-delay:.2s}.home-global-card{transition-delay:.3s}.home-personalized-card{transition-delay:.4s}.home-who-card-icon{color:var(--primary);background:#00443f14;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;transition:all .3s;display:flex}.home-for-whom-card:hover .home-who-card-icon{background:var(--primary);color:#fff}.home-card-title{color:var(--primary);margin-bottom:12px;font-size:1.35rem;font-weight:600;line-height:1.3}.home-card-description{color:#666;flex-grow:1;margin-bottom:24px;font-size:.95rem;line-height:1.6}.home-card-cta{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-self:stretch;align-items:center;gap:6px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.home-card-cta:hover{background:#005a53;transform:translate(2px)}.home-for-whom-footer{text-align:center;background:var(--primary);color:#fff;opacity:0;border-radius:16px;max-width:700px;margin:50px auto 0;padding:40px 32px;transition:transform .5s .5s,opacity .5s .5s;transform:translateY(20px)}.home-for-whom-footer.animate{opacity:1;transform:translateY(0)}.home-for-whom-footer p{margin:0 0 24px;font-size:1.05rem;line-height:1.6}.home-footer-cta{color:var(--primary);cursor:pointer;background:#fff;border:none;border-radius:8px;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .2s}.home-footer-cta:hover{background:var(--secondary);transform:translateY(-2px)}html[dir=rtl] .home-for-whom-card{text-align:right;align-items:flex-end}@media (width<=992px){.home-for-whom-cards{grid-template-columns:1fr;gap:20px}.home-for-whom-section-title{font-size:2rem}}@media (width<=768px){.home-for-whom-section{padding:60px 0}.home-for-whom-section-title{margin-bottom:40px;font-size:1.75rem}.home-card-title{font-size:1.2rem}.home-for-whom-footer p{font-size:1rem}.home-card-cta,.home-footer-cta{width:100%}}@media (width<=576px){.home-for-whom-section{padding:50px 0}.home-for-whom-section-title{font-size:1.5rem}.home-for-whom-card{padding:24px}.home-who-card-icon{width:56px;height:56px}.home-who-card-icon svg{width:28px;height:28px}.home-for-whom-footer{padding:32px 24px}.home-footer-cta{padding:12px 24px;font-size:.95rem}}.home-awaits-section{padding:var(--spacing-3xl)0;background:linear-gradient(135deg,var(--white)0%,#f8f9fa 50%,#f5f7fa 100%);position:relative;overflow:hidden}.coming-soon-node{opacity:.5;filter:grayscale(50%);position:relative;cursor:default!important}.coming-soon-node:hover{transform:translateY(-5px)!important}.home-coming-soon-badge{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;z-index:10;white-space:nowrap;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #00000026}html[dir=rtl] .home-coming-soon-badge{left:-10px;right:auto}.home-awaits-section:before{content:"";opacity:.6;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h50v50H0V0zm1 1v48h48V1H1z' fill='%23e8f2f0' fill-opacity='0.3' fill-rule='evenodd'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.home-awaits-container{max-width:1200px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.home-awaits-section-title{text-align:center;margin-bottom:var(--spacing-3xl);color:var(--primary);opacity:0;font-size:2.5rem;transition:transform .8s,opacity .8s;position:relative;transform:translateY(20px)}.home-awaits-section-title:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px;width:0;height:4px;transition:width 1s .3s;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.home-awaits-section.visible .home-awaits-section-title{opacity:1;transform:translateY(0)}.home-awaits-section.visible .home-awaits-section-title:after{width:120px}.home-diagram-container{opacity:0;flex-direction:column;gap:60px;width:100%;min-height:500px;margin:0 auto;transition:opacity .8s;display:flex;position:relative}.home-awaits-section.visible .home-diagram-container{opacity:1}.home-arrows-container{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0}.home-top-row{transform:translateY(-20px)}.home-middle-row{transform:translateY(-45px)}.home-bottom-row{transform:translate(40px,40px)}.home-top-row,.home-middle-row,.home-bottom-row{justify-content:center;width:100%;display:flex;position:relative}[dir=rtl] .home-bottom-row{margin-top:45px}.home-middle-row{justify-content:space-between;align-items:flex-start;margin-left:40px}[dir=rtl] .home-middle-row{margin-left:0;margin-right:65px}.home-bottom-row{justify-content:flex-start;gap:30px;display:flex}.home-courses-container{border:2px solid var(--primary);border-radius:var(--radius-lg);background:linear-gradient(135deg,#ffffffe6,#f8f9fae6);gap:20px;padding:15px;display:flex;box-shadow:0 8px 32px #00443f1a}.top-courses-container{justify-content:center;max-width:600px;margin:0 auto}@media (width<=1199px){.top-courses-container{max-width:100%}.middle-title-node,.home-videos-node{width:100%}}.middle-title-node{width:500px;margin-right:auto}.home-diagram-node{border-radius:var(--radius-md);text-align:center;z-index:3;cursor:pointer;justify-content:center;align-items:center;padding:16px 20px;font-weight:500;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}.home-diagram-node:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-diagram-node:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.home-diagram-node:hover:before{left:100%}.home-title-node{background:linear-gradient(135deg,var(--primary),#005a53);color:var(--white);border-radius:var(--radius-lg);font-weight:600;position:relative}.home-title-node h3{margin:0;font-size:1.2rem;line-height:1.4}.home-combined-title-node{cursor:pointer;justify-content:space-between;width:600px;max-width:90%;padding:0;display:flex;overflow:hidden}.home-combined-title-node:hover{box-shadow:0 16px 48px #00443f4d}.home-awaits-courses-title,.home-tasks-title{white-space:nowrap;align-items:center;gap:10px;padding:20px 28px;font-size:1.2rem;font-weight:600;transition:all .3s;display:flex}.home-awaits-courses-title{border-right:1px solid #ffffff4d;width:60%}.home-awaits-courses-title:hover,.home-tasks-title:hover{transform:scale(1.05)}.home-tasks-title{width:40%}.home-videos-node{flex-direction:column;align-items:center;gap:8px;width:280px;height:auto;padding:20px;display:flex}.home-videos-node:hover{background:linear-gradient(135deg,#005a53,var(--primary))}.home-videos-node h3{line-height:1.5}.home-course-node{color:var(--primary);border:2px solid var(--primary);background:linear-gradient(135deg,#00443f14,#cca06114);min-width:160px;padding:16px 24px;position:relative}.home-live-courses-node{background:linear-gradient(135deg,var(--primary),#005a53);width:100%;max-width:500px;color:var(--white);border:none;padding:20px 40px;font-size:1.2rem;font-weight:600}.home-live-courses-node:hover{background:linear-gradient(135deg,#005a53,var(--primary));box-shadow:0 12px 40px #00443f4d}.home-live-courses-node:after{display:none}.home-course-node:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));pointer-events:none;width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.home-course-node:hover{border-color:var(--secondary);background:linear-gradient(135deg,#00443f26,#cca06126)}.home-course-node:hover:after{transform:scaleX(1)}.home-skill-node{color:var(--primary);border:2px solid var(--secondary);background:linear-gradient(135deg,#fff7ed,#faf8f2);flex-direction:column;gap:8px;width:120px;padding:20px 16px;position:relative}.home-skill-node:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));pointer-events:none;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.home-skill-node:hover{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-color:var(--primary)}.home-skill-node:hover:after{transform:scaleX(1)}.home-skill-icon{color:var(--secondary);margin-bottom:8px;transition:all .3s}.home-skill-node:hover .home-skill-icon{color:var(--primary);transform:scale(1.1)}.home-arabic-label{color:var(--secondary);margin-top:5px;font-size:.9rem;font-weight:600}.home-rtl-arrows{display:none}.home-arrow{fill:none;stroke:var(--primary);stroke-width:3px;stroke-dasharray:8 4;stroke-linecap:round;filter:drop-shadow(0 2px 4px #00443f33);animation:40s linear infinite homeDashOffset}@keyframes homeDashOffset{0%{stroke-dashoffset:0}to{stroke-dashoffset:-500px}}.home-awaits-cta{text-align:center;margin-top:var(--spacing-3xl);padding:var(--spacing-2xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,#00443f0d,#cca0610d);border:2px solid #00443f1a}.home-awaits-cta p{color:var(--primary);margin-bottom:var(--spacing-lg);font-size:1.2rem;font-weight:500}.home-awaits-cta-button{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.home-awaits-cta-button:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-awaits-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.home-awaits-cta-button:hover:before{left:100%}html[dir=rtl] .home-awaits-courses-title{border-left:1px solid #ffffff4d;border-right:none}html[dir=rtl] .home-arrows-container{display:none}html[dir=rtl] .home-rtl-arrows{display:block}@media (width<=1199px){.home-awaits-section{padding:60px 0}.home-awaits-section-title{margin-bottom:50px;font-size:2.2rem}.home-arrows-container,.home-rtl-arrows{display:none!important}.home-diagram-container{gap:30px;min-height:auto}.home-top-row,.home-middle-row,.home-bottom-row{margin:0;transform:none}.home-top-row{margin-bottom:25px}.home-courses-container{flex-wrap:wrap;justify-content:center;gap:15px;padding:15px}.home-course-node{flex:0 auto;min-width:150px}.home-middle-row{flex-direction:column;align-items:stretch;gap:20px;margin-left:0}.home-combined-title-node{width:100%;max-width:600px;margin:0 auto}.middle-title-node{width:100%}.home-videos-node{width:100%;max-width:400px;margin:0 auto}.home-bottom-row{grid-template-columns:repeat(3,1fr);justify-content:center;gap:15px;display:grid}.home-skill-node{width:100%}.home-awaits-cta{margin-top:50px}}@media (width<=768px){.home-awaits-section{padding:50px 0}.home-awaits-section-title{margin-bottom:40px;font-size:2rem}.home-arrows-container,.home-rtl-arrows{display:none!important}.home-diagram-container{gap:25px;min-height:auto}.home-top-row,.home-middle-row,.home-bottom-row{margin:0;transform:none}.home-top-row{margin-bottom:20px}.home-courses-container{box-shadow:none;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:0 0;border:none;gap:15px;padding:10px 5px}.home-courses-container::-webkit-scrollbar{height:6px}.home-courses-container::-webkit-scrollbar-thumb{background:var(--primary);border-radius:3px}.home-course-node{flex-shrink:0;min-width:140px}.home-middle-row{flex-direction:column;align-items:stretch;gap:15px}.home-combined-title-node{flex-direction:column;width:100%}.home-awaits-courses-title,.home-tasks-title{border:none;justify-content:center;width:100%;padding:16px}.home-awaits-courses-title{border-bottom:1px solid #ffffff4d}html[dir=rtl] .home-awaits-courses-title{border-bottom:1px solid #ffffff4d;border-left:none}.home-videos-node{width:100%}.home-bottom-row{grid-template-columns:repeat(2,1fr);justify-content:center;gap:12px;display:grid}.home-skill-node{width:100%;padding:16px 12px}.home-skill-icon svg{width:20px;height:20px}.home-node-content{font-size:.85rem}.home-awaits-cta{margin-top:40px;padding:30px 20px}.home-awaits-cta p{font-size:1rem}.home-awaits-cta-button{padding:14px 24px;font-size:1rem}}@media (width<=576px){.home-awaits-section{padding:40px 0}.home-awaits-section-title{margin-bottom:30px;font-size:1.75rem}.home-diagram-container{gap:20px}.home-course-node{min-width:130px;padding:12px 16px;font-size:.85rem}.home-awaits-courses-title,.home-tasks-title{padding:14px;font-size:.95rem}.home-videos-node h3{font-size:.9rem}.home-skill-node{padding:14px 10px}.home-node-content{font-size:.8rem}.home-skill-icon svg{width:18px;height:18px}.home-awaits-cta{margin-top:30px;padding:25px 15px}.home-awaits-cta p{font-size:.95rem}.home-awaits-cta-button{padding:12px 20px;font-size:.95rem}}.home-kursangebot-section{padding:var(--spacing-3xl)0;background:var(--white);opacity:0;transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:translateY(30px)}.home-kursangebot-section.visible{opacity:1;transform:translateY(0)}.home-kursangebot-container{max-width:1100px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.home-kursangebot-title{text-align:center;color:var(--secondary);margin:0 0 var(--spacing-2xl)0;font-size:2.5rem;font-style:italic;font-weight:700;position:relative}.home-kursangebot-content{gap:var(--spacing-xl);align-items:stretch;display:flex}.home-kursangebot-image-container{flex:0 0 300px;align-items:flex-start;display:flex}.home-kursangebot-image-placeholder{background:var(--light);border:2px dashed var(--border-color);border-radius:var(--radius-lg);justify-content:center;align-items:center;width:300px;height:300px;display:flex}.home-kursangebot-image-placeholder span{color:#999;font-size:1.5rem;font-style:italic}.home-kursangebot-card{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-xl);padding:var(--spacing-2xl);color:var(--white);flex:1;position:relative;overflow:hidden;box-shadow:0 20px 60px #00443f4d}.home-kursangebot-card:before{content:"";background:radial-gradient(circle,rgba(var(--secondary-rgb),.1)0%,transparent 70%);pointer-events:none;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.home-kursangebot-card-header{margin-bottom:var(--spacing-lg)}.home-kursangebot-course-badge{background:var(--secondary);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm);padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.home-kursangebot-course-title{color:var(--white);margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.home-kursangebot-meta{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid #ffffff1a;flex-direction:column;display:flex}.home-kursangebot-meta-item{align-items:center;gap:var(--spacing-sm);color:#ffffffe6;font-size:.95rem;display:flex}.home-kursangebot-meta-item svg{color:var(--secondary);flex-shrink:0}.home-kursangebot-meta-item strong{color:var(--white)}.home-kursangebot-section-block{margin-bottom:var(--spacing-xl)}.home-kursangebot-section-title{color:var(--secondary);margin:0 0 var(--spacing-md)0;font-size:1.1rem;font-weight:600}.home-kursangebot-features{margin:0;padding:0;list-style:none}.home-kursangebot-feature{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:#ffffffd9;font-size:.9rem;line-height:1.5;display:flex}.home-kursangebot-feature:last-child{margin-bottom:0}.home-kursangebot-check{color:var(--secondary);flex-shrink:0;margin-top:3px}.home-kursangebot-goal{color:#ffffffd9;margin:0;font-size:.95rem;line-height:1.7}.home-kursangebot-button{justify-content:center;align-items:center;gap:var(--spacing-sm);background:linear-gradient(135deg,var(--secondary),#d9b078);width:100%;color:var(--primary);border-radius:var(--radius-md);cursor:pointer;margin-top:var(--spacing-md);border:none;padding:16px 32px;font-size:1.05rem;font-weight:700;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.home-kursangebot-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-kursangebot-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #cca06166}.home-kursangebot-button:hover:before{left:100%}.home-kursangebot-button svg:last-child{transition:transform .3s}.home-kursangebot-button:hover svg:last-child{transform:translate(4px)}@media (width<=992px){.home-kursangebot-content{flex-direction:column}.home-kursangebot-image-container{flex:none;width:250px;margin:0 auto}.home-kursangebot-image-placeholder{width:250px;height:250px}}@media (width<=768px){.home-kursangebot-section{padding:var(--spacing-2xl)0}.home-kursangebot-title{font-size:2rem}.home-kursangebot-card{padding:var(--spacing-xl)}.home-kursangebot-course-title{font-size:1.3rem}.home-kursangebot-meta-item{font-size:.9rem}}@media (width<=576px){.home-kursangebot-title{font-size:1.75rem}.home-kursangebot-card{padding:var(--spacing-lg)}.home-kursangebot-course-title{font-size:1.2rem}.home-kursangebot-section-title{font-size:1rem}.home-kursangebot-feature{font-size:.85rem}.home-kursangebot-button{padding:14px 24px;font-size:1rem}.home-kursangebot-image-placeholder{width:200px;height:200px}.home-kursangebot-image-container{width:200px}}html[dir=rtl] .home-kursangebot-feature{text-align:right;flex-direction:row-reverse}html[dir=rtl] .home-kursangebot-meta-item{flex-direction:row-reverse}html[dir=rtl] .home-kursangebot-button svg:last-child{transform:rotate(180deg)}html[dir=rtl] .home-kursangebot-button:hover svg:last-child{transform:rotate(180deg)translate(4px)}.home-live-courses-section{padding:var(--spacing-3xl)0;background:linear-gradient(135deg,var(--primary)0%,#005a53 50%,#006b63 100%);opacity:0;transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:translateY(30px)}.home-live-courses-section.visible{opacity:1;transform:translateY(0)}.home-live-courses-section:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.home-live-courses-container{max-width:1200px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.home-live-courses-header{text-align:center;margin-bottom:var(--spacing-2xl)}.home-live-courses-title-wrapper{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.home-live-courses-icon{color:var(--secondary)}.home-live-courses-title{color:var(--white);margin:0;font-size:2.5rem;font-weight:700}.home-live-courses-subtitle{color:#fffc;margin:0;font-size:1.1rem}.home-live-courses-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(3,1fr);display:grid}.home-live-course-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--spacing-lg);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;transition:all .3s;position:relative;overflow:hidden}.home-live-course-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-live-course-card:hover{background:#ffffff26;border-color:#ffffff40;transform:translateY(-5px);box-shadow:0 15px 40px #0003}.home-live-course-card:hover:before{left:100%}.home-live-course-badge{color:var(--secondary);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px;background:#cca06133;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.home-live-badge-dot{background:var(--secondary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.home-live-course-title{color:var(--white);margin:0 0 var(--spacing-sm)0;font-size:1.25rem;font-weight:600;line-height:1.3}.home-live-course-description{color:#ffffffb3;margin:0 0 var(--spacing-md)0;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.home-live-course-meta{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.home-live-course-meta-item{color:#fffc;align-items:center;gap:6px;font-size:.85rem;display:flex}.home-live-course-meta-item svg{color:var(--secondary)}.home-live-course-arrow{bottom:var(--spacing-lg);right:var(--spacing-lg);color:var(--secondary);opacity:0;transition:all .3s;position:absolute;transform:translate(-10px)}.home-live-course-card:hover .home-live-course-arrow{opacity:1;transform:translate(0)}.home-live-course-skeleton{pointer-events:none}.home-skeleton-title{border-radius:var(--radius-sm);height:24px;margin-bottom:var(--spacing-md);background:#ffffff1a;animation:1.5s infinite shimmer}.home-skeleton-meta{border-radius:var(--radius-sm);width:60%;height:16px;margin-bottom:var(--spacing-sm);background:#ffffff14;animation:1.5s infinite shimmer}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}.home-live-courses-cta{text-align:center}.home-live-courses-cta-button{align-items:center;gap:var(--spacing-sm);background:var(--secondary);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:14px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.home-live-courses-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-live-courses-cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #cca06166}.home-live-courses-cta-button:hover:before{left:100%}.home-live-courses-cta-button svg{transition:transform .3s}.home-live-courses-cta-button:hover svg{transform:translate(4px)}@media (width<=992px){.home-live-courses-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home-live-courses-section{padding:var(--spacing-2xl)0}.home-live-courses-title{font-size:2rem}.home-live-courses-subtitle{font-size:1rem}.home-live-courses-grid{gap:var(--spacing-md);grid-template-columns:1fr}.home-live-course-card{padding:var(--spacing-md)}.home-live-course-arrow{opacity:1;transform:translate(0)}}@media (width<=576px){.home-live-courses-title{font-size:1.75rem}.home-live-courses-cta-button{justify-content:center;width:100%}}html[dir=rtl] .home-live-course-arrow{right:auto;left:var(--spacing-lg);transform:translate(10px)rotate(180deg)}html[dir=rtl] .home-live-course-card:hover .home-live-course-arrow{transform:translate(0)rotate(180deg)}html[dir=rtl] .home-live-courses-cta-button svg{transform:rotate(180deg)}html[dir=rtl] .home-live-courses-cta-button:hover svg{transform:translate(-4px)rotate(180deg)}.home-pricing-section{padding:var(--spacing-3xl)0;background:linear-gradient(180deg,#f8f9fa 0%,var(--white)50%,#f8f9fa 100%);opacity:0;transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:translateY(30px)}.home-pricing-section.visible{opacity:1;transform:translateY(0)}.home-pricing-section:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300443f' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.home-pricing-container{max-width:1200px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.home-pricing-header{text-align:center;margin-bottom:var(--spacing-3xl)}.home-pricing-title{color:var(--primary);margin:0 0 var(--spacing-sm)0;font-size:2.5rem;font-weight:700;display:inline-block;position:relative}.home-pricing-title:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.home-pricing-subtitle{color:#666;margin:var(--spacing-lg)0 0 0;font-size:1.1rem}.home-pricing-duration-selector{justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-2xl);background:var(--white);border-radius:var(--radius-full);width:fit-content;margin-left:auto;margin-right:auto;padding:6px;display:flex;box-shadow:0 2px 12px #00000014}.home-pricing-duration-option{align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-full);color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.home-pricing-duration-option:hover{background:#00443f0d}.home-pricing-duration-option.active{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);box-shadow:0 4px 12px #cca0614d}.home-pricing-duration-discount{border-radius:var(--radius-full);color:var(--primary);background:#00443f1a;justify-content:center;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.home-pricing-duration-option.active .home-pricing-duration-discount{color:var(--primary);background:#00443f33}.home-pricing-total{color:var(--secondary);margin-top:var(--spacing-xs);font-size:.85rem;font-weight:600;display:block}.home-pricing-grid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);align-items:stretch;display:grid}.home-pricing-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-xl);opacity:0;border:2px solid #0000;flex-direction:column;transition:all .4s;animation:.6s forwards fadeInUp;display:flex;position:relative;transform:translateY(30px);box-shadow:0 4px 20px #00000014}.home-pricing-section.visible .home-pricing-card{animation-play-state:running}.home-pricing-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001f}.home-pricing-highlighted{border-color:var(--secondary);transform:scale(1.02);box-shadow:0 10px 40px #cca06133}.home-pricing-highlighted:hover{transform:scale(1.02)translateY(-8px)}.home-pricing-badge{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;padding:6px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #cca0614d}.home-pricing-card-header{text-align:center;margin-bottom:var(--spacing-lg)}.home-pricing-icon{border-radius:var(--radius-lg);width:56px;height:56px;color:var(--primary);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#00443f1a,#cca0611a);justify-content:center;align-items:center;display:inline-flex}.home-pricing-highlighted .home-pricing-icon{background:linear-gradient(135deg,var(--primary),#005a53);color:var(--white)}.home-pricing-tier-name{color:var(--primary);margin:0 0 var(--spacing-xs)0;font-size:1.5rem;font-weight:700}.home-pricing-tier-subtitle{color:#888;margin:0;font-size:.9rem}.home-pricing-price-wrapper{text-align:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid #eee}.home-pricing-price{color:var(--primary);font-size:3rem;font-weight:800;line-height:1}.home-pricing-highlighted .home-pricing-price{color:var(--secondary)}.home-pricing-period{color:#888;margin-top:var(--spacing-xs);font-size:.9rem;display:block}.home-pricing-features{margin:0 0 var(--spacing-xl)0;flex:1;padding:0;list-style:none}.home-pricing-feature{align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);color:#555;font-size:.95rem;line-height:1.5;display:flex}.home-pricing-feature:last-child{margin-bottom:0}.home-pricing-check{color:var(--success);flex-shrink:0;margin-top:2px}.home-pricing-highlighted .home-pricing-check{color:var(--secondary)}.home-pricing-button{border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.home-pricing-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-pricing-button:hover:before{left:100%}.home-pricing-button-primary{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-color:var(--secondary)}.home-pricing-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #cca06166}.home-pricing-button-secondary{color:var(--primary);border-color:var(--primary);background:0 0}.home-pricing-button-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px #00443f4d}.home-pricing-button-disabled,.home-pricing-button-disabled:hover{color:#999;cursor:not-allowed;box-shadow:none;background:#e0e0e0;border-color:#ccc;transform:none}.home-pricing-button-disabled:before{display:none}.home-pricing-note{text-align:center;color:#888;margin-top:var(--spacing-2xl);font-size:.85rem}@media (width<=992px){.home-pricing-grid{grid-template-columns:1fr;max-width:450px;margin:0 auto}.home-pricing-highlighted{order:-1;transform:none}.home-pricing-highlighted:hover{transform:translateY(-8px)}.home-pricing-card{animation-delay:0s!important}}@media (width<=768px){.home-pricing-section{padding:var(--spacing-2xl)0}.home-pricing-title{font-size:2rem}.home-pricing-subtitle{font-size:1rem}.home-pricing-card{padding:var(--spacing-lg)}.home-pricing-price{font-size:2.5rem}.home-pricing-duration-option{padding:10px 14px;font-size:.85rem}.home-pricing-duration-discount{padding:2px 6px;font-size:.65rem}}@media (width<=576px){.home-pricing-title{font-size:1.75rem}.home-pricing-grid{max-width:100%}.home-pricing-feature{font-size:.9rem}.home-pricing-duration-selector{flex-direction:column;width:100%;max-width:280px;padding:8px}.home-pricing-duration-option{justify-content:center;padding:12px 16px}}html[dir=rtl] .home-pricing-feature{text-align:right;flex-direction:row-reverse}html[dir=rtl] .home-pricing-check{margin-left:var(--spacing-sm);margin-right:0}.newsletter-section{padding:var(--spacing-3xl)0;background-color:var(--white);position:relative;overflow:hidden}.paper-bg{z-index:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0V0zm1 1v38h38V1H1z' fill='%23f0f0f0' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.newsletter-section .container{max-width:800px;padding:0 var(--spacing-lg);z-index:1;margin:0 auto;position:relative}.newsletter-content{border-radius:var(--radius-lg);padding:var(--spacing-2xl);border:2px solid var(--primary);text-align:center;opacity:0;background-color:#fff;transition:opacity .8s,transform .8s;transform:translateY(20px);box-shadow:0 15px 35px #00000014}.newsletter-content.animate{opacity:1;transform:translateY(0)}.newsletter-section .section-title{margin-bottom:var(--spacing-xl);color:var(--primary);font-size:2rem;display:inline-block;position:relative}.newsletter-section .section-title:after{content:"";background-color:var(--secondary);width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.newsletter-form{gap:var(--spacing-md);opacity:0;flex-direction:column;max-width:500px;margin:0 auto;transition:opacity .8s .2s,transform .8s .2s;display:flex;transform:translateY(15px)}.newsletter-form.animate{opacity:1;transform:translateY(0)}.input-container{background-color:var(--white);border-radius:var(--radius-md);border:2px solid #00443f33;align-items:center;width:100%;transition:border-color .3s;display:flex;position:relative}.input-container:focus-within{border-color:var(--primary)}.input-icon{color:var(--primary);margin-left:15px}.newsletter-form input{width:100%;color:var(--dark);background:0 0;border:none;outline:none;padding:15px;font-family:inherit;font-size:1rem}.newsletter-form input::placeholder{color:#999}.subscribe-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;padding:15px 24px;font-size:1rem;font-weight:600;transition:background-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.subscribe-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.subscribe-button:hover{background-color:#005a53}.subscribe-button:hover:before{left:100%}.subscribe-button:active{transform:translateY(0)}.button-text{display:inline-block}.button-icon{transition:transform .3s}.subscribe-button:hover .button-icon{transform:translate(4px)}.message-container{margin-top:var(--spacing-md);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:.9rem;animation:.3s fadeIn;display:flex}.message-container.success{color:green;background-color:#0080001a}.message-container.error{color:#d00;background-color:#ff00001a}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.decoration-line{background:linear-gradient(90deg,transparent,var(--secondary),transparent);height:3px;margin-top:var(--spacing-2xl);opacity:.7;width:100%}html[dir=rtl] .input-icon{margin-left:0;margin-right:15px}html[dir=rtl] .subscribe-button:hover .button-icon{transform:translate(-4px)}html[dir=rtl] .subscribe-button:before{left:auto;right:-100%}html[dir=rtl] .subscribe-button:hover:before{left:auto;right:100%}@media (width<=992px){.newsletter-section .section-title{font-size:1.8rem}}@media (width<=768px){.newsletter-section{padding:var(--spacing-2xl)0}.newsletter-section .section-title{font-size:1.5rem}.newsletter-content{padding:var(--spacing-xl)}}@media (width>=576px){.newsletter-form{flex-direction:row}.subscribe-button{white-space:nowrap}}@media (width<=576px){.newsletter-section .section-title{font-size:1.3rem}.newsletter-content{padding:var(--spacing-lg)}.newsletter-form input{padding:12px;font-size:.9rem}.subscribe-button{padding:12px 20px;font-size:.9rem}}.why-academy-video-section{padding:var(--spacing-3xl)0;background-color:var(--white);position:relative;overflow:hidden}.why-academy-video-section .container{max-width:1000px;padding:0 var(--spacing-lg);z-index:2;opacity:0;margin:0 auto;transition:opacity .8s,transform .8s;position:relative;transform:translateY(20px)}.why-academy-video-section .container.animate{opacity:1;transform:translateY(0)}.why-academy-video-section .why-section-title{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--primary);opacity:1;font-size:2.5rem;position:relative}.why-academy-video-section .why-section-title:after{content:"";background-color:var(--secondary);opacity:0;width:60px;height:3px;transition:opacity .5s .3s;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.why-academy-video-section .container.animate .why-section-title:after{opacity:1}.video-container{border-radius:var(--radius-lg);opacity:0;z-index:1;width:fit-content;max-width:800px;margin:0 auto;transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:scale(.95);box-shadow:0 15px 40px #00000026}.video-container.animate{opacity:1;transform:scale(1)}.video-wrapper{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.video-thumbnail-image{object-fit:contain;width:100%;height:auto;max-height:850px;display:block}.video-element{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:100%;position:absolute;top:0;left:0}.play-button{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;align-items:center;transition:opacity .3s,transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-button:hover .play-icon-container{background-color:var(--secondary);transform:scale(1.1)}.play-button.playing{opacity:0;pointer-events:none}.play-icon-container{background-color:var(--primary);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;transition:transform .3s,background-color .3s;display:flex}.play-icon{color:#fff;margin-left:5px}.play-text{color:#fff;text-shadow:0 1px 2px #00000080;background-color:#00000080;border-radius:20px;margin-top:10px;padding:5px 15px;font-size:1rem;font-weight:500}.video-overlay{z-index:5;background:#0000004d;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.video-overlay.hidden{opacity:0;pointer-events:none}.grid-pattern{z-index:0;opacity:.7;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h24v24H0V0zm22 22H2V2h20v20z' fill='%2300443F' fill-opacity='0.05'/%3E%3C/svg%3E");width:200px;height:200px;position:absolute}.top-left{top:-100px;left:-100px;transform:rotate(-15deg)}.bottom-right{bottom:-100px;right:-100px;transform:rotate(15deg)}html[dir=rtl] .play-icon{margin-left:0;margin-right:5px}@media (width<=992px){.why-academy-video-section .why-section-title{font-size:2rem}.play-icon-container{width:70px;height:70px}.play-icon{width:25px;height:25px}}@media (width<=768px){.why-academy-video-section{padding:var(--spacing-2xl)0}.why-academy-video-section .why-section-title{font-size:1.75rem}.video-container{max-width:100%}.grid-pattern{width:150px;height:150px}}@media (width<=576px){.why-academy-video-section .why-section-title{font-size:1.5rem}.play-icon-container{width:60px;height:60px}.play-icon{width:20px;height:20px}.play-text{font-size:.9rem}}.video-loading{padding:var(--spacing-3xl)0;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.video-loading .spin{animation:1s linear infinite spin}.home-reviews-section{background:linear-gradient(135deg,var(--white)0%,#f8f9fa 50%,#f5f7fa 100%);border-radius:var(--radius-lg);max-width:1200px;margin:0 auto;padding:4rem 1rem;position:relative}.home-reviews-title{text-align:center;color:var(--primary);margin-bottom:3rem;font-size:2.2rem;position:relative}.home-reviews-title:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px;width:100px;height:4px;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.home-reviews-loading,.home-reviews-error{text-align:center;color:#666;padding:2rem;font-size:1.2rem}.home-reviews-error{color:#d32f2f}.home-reviews-slider-container{justify-content:center;align-items:center;min-height:380px;margin-bottom:2rem;display:flex;position:relative}.home-reviews-slider{justify-content:center;gap:2rem;width:100%;padding:1rem 0;display:flex;overflow:hidden}.home-slider-arrow{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;cursor:pointer;z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;padding:12px;font-size:1.5rem;transition:all .3s;display:flex;box-shadow:0 8px 24px #00443f33}.home-slider-arrow:hover{background:linear-gradient(135deg,var(--secondary),#d9b078);transform:scale(1.1);box-shadow:0 12px 32px #cca0614d}.home-slider-arrow-left{margin-right:1rem}.home-slider-arrow-right{margin-left:1rem}.home-review-card{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff 0%,#fefefe 100%);border:2px solid #00443f1a;flex-direction:column;align-items:center;width:100%;max-width:320px;padding:2rem 1.5rem;transition:all .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.home-review-card:before{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.home-review-card:hover{border-color:var(--secondary);transform:translateY(-8px);box-shadow:0 16px 48px #00000026}.home-review-card:hover:before{transform:scaleX(1)}.home-review-image-container{border:3px solid var(--secondary);border-radius:50%;width:100px;height:100px;margin-bottom:1rem;transition:all .3s;overflow:hidden}.home-review-card:hover .home-review-image-container{border-color:var(--primary);transform:scale(1.05)}.home-review-image{object-fit:cover;width:100%;height:100%}.home-review-name{color:var(--primary);margin:.5rem 0;font-size:1.2rem;font-weight:600}.home-review-stars{justify-content:center;gap:.2rem;margin-bottom:.8rem;display:flex}.home-review-text{color:#555;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-top:.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.home-review-date{color:#777;margin-top:.8rem;font-size:.8rem}.home-reviews-controls{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1rem;display:flex}.home-see-all-reviews-button,.home-write-review-button,.home-already-reviewed-button{border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.home-see-all-reviews-button{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.home-see-all-reviews-button:before{content:"";background:linear-gradient(135deg,var(--primary),#005a53);z-index:-1;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.home-see-all-reviews-button:hover{color:#fff;box-shadow:0 8px 24px #00443f33}.home-see-all-reviews-button:hover:before{left:0}.home-write-review-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;box-shadow:0 8px 24px #00443f33}.home-write-review-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-write-review-button:hover{box-shadow:0 12px 32px #00443f4d}.home-write-review-button:hover:before{left:100%}.home-already-reviewed-button{color:#888;cursor:not-allowed;background-color:#e0e0e0;border:2px solid #e0e0e0}.home-modal-backdrop{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.home-modal{border-radius:var(--radius-lg);background:#fff;width:100%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.home-modal-header{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border-radius:var(--radius-lg)var(--radius-lg)0 0;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.home-modal-header h3{margin:0;font-size:1.5rem;font-weight:600}.home-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;font-size:1.5rem;transition:background-color .3s;display:flex}.home-modal-close:hover{background-color:#fff3}.home-modal-content{padding:2rem}.home-review-form-group{margin-bottom:1.5rem}.home-review-form-group label{color:var(--primary);margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.home-rating-input{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.home-star-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.25rem;transition:all .3s;display:flex}.home-star-button:hover{background-color:#ffd7001a;transform:scale(1.1)}.home-star-button.active{color:gold}.home-star-button:not(.active){color:#ddd}.home-star-button:not(.active):hover{color:gold}.home-review-form-group textarea{border-radius:var(--radius-md);resize:vertical;border:2px solid #eee;width:100%;min-height:120px;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .3s}.home-review-form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00443f1a}.home-modal-actions{border-top:1px solid #eee;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.home-submit-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;min-width:120px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.home-submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--secondary),#d9b078);transform:translateY(-2px);box-shadow:0 8px 24px #cca0614d}.home-submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.home-cancel-button{color:#666;border-radius:var(--radius-md);cursor:pointer;background-color:#0000;border:2px solid #ddd;min-width:120px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.home-cancel-button:hover{color:#333;background-color:#f5f5f5;border-color:#ccc}.home-reviews-all-modal{max-width:800px}.home-reviews-filters{border-radius:var(--radius-md);background-color:#f8f9fa;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.home-filter-group{flex-direction:column;min-width:150px;display:flex}.home-filter-group label{color:var(--primary);margin-bottom:.5rem;font-size:.9rem;font-weight:600}.home-filter-group select,.home-filter-group input{border-radius:var(--radius-md);border:2px solid #eee;padding:.75rem;font-size:.9rem;transition:border-color .3s}.home-filter-group select:focus,.home-filter-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00443f1a}.home-filter-actions{align-items:flex-end;gap:.5rem;display:flex}.home-apply-filters-button,.home-reset-filters-button{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.home-apply-filters-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff}.home-apply-filters-button:hover{background:linear-gradient(135deg,var(--secondary),#d9b078);transform:translateY(-2px)}.home-reset-filters-button{color:#666;background-color:#f8f9fa;border:2px solid #ddd}.home-reset-filters-button:hover{color:#333;background-color:#e9ecef;border-color:#ccc}.home-all-reviews-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.home-no-reviews-message{text-align:center;color:#666;grid-column:1/-1;padding:3rem;font-size:1.1rem}.home-login-to-review-button{background:linear-gradient(135deg,var(--secondary),#d9b078);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.home-login-to-review-button:hover{background:linear-gradient(135deg,var(--primary),#005a53);transform:translateY(-2px);box-shadow:0 8px 24px #00443f4d}.home-write-review-button{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.home-write-review-button:hover{background:linear-gradient(135deg,var(--secondary),#d9b078);transform:translateY(-2px);box-shadow:0 8px 24px #cca0614d}.home-already-reviewed-button{color:#666;border-radius:var(--radius-md);cursor:not-allowed;opacity:.7;background-color:#f8f9fa;border:2px solid #ddd;padding:.75rem 2rem;font-size:1rem;font-weight:600}.home-see-all-reviews-button{color:var(--primary);border:2px solid var(--primary);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .3s}.home-see-all-reviews-button:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #00443f4d}.home-reviews-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.home-cancel-button{color:#666;background-color:#0000;border:2px solid #ddd}.home-cancel-button:hover{background-color:#f5f5f5;border-color:#ccc}[dir=rtl] .home-reviews-slider-container{flex-direction:row-reverse}[dir=rtl] .home-slider-arrow-left{margin-left:1rem;margin-right:0}[dir=rtl] .home-slider-arrow-right{margin-left:0;margin-right:1rem}[dir=rtl] .home-review-stars,[dir=rtl] .home-filter-apply-button{flex-direction:row-reverse}@media (width<=768px){.home-reviews-slider{gap:1rem}.home-review-card{max-width:280px;padding:1.5rem 1rem}.home-review-image-container{width:80px;height:80px}.home-reviews-filters{flex-direction:column}.home-filter-group{width:100%}.home-filter-actions{flex-direction:column}.home-all-reviews-grid{grid-template-columns:1fr}.home-modal{width:95%;max-height:85vh}.home-modal-actions{flex-direction:column}.home-submit-button,.home-cancel-button{width:100%}}@media (width<=480px){.home-reviews-slider-container{padding:0 .5rem}.home-reviews-slider{justify-content:flex-start}.home-review-card{min-width:100%}.home-slider-arrow{background:linear-gradient(135deg,#00443fe6,#005a53e6);width:40px;height:40px;position:absolute;top:50%;transform:translateY(-50%)}.home-slider-arrow-left{left:0}.home-slider-arrow-right{right:0}.home-reviews-controls{flex-direction:column;align-items:center}.home-see-all-reviews-button,.home-write-review-button,.home-already-reviewed-button,.home-login-to-review-button{width:100%;max-width:300px}.home-form-actions{flex-direction:column}.home-modal-header{padding:1rem 1.5rem}.home-modal-content{padding:1.5rem}.home-rating-input{justify-content:center}}.home-course-offerings-section{padding:var(--spacing-3xl)0;min-height:70vh;position:relative}.home-hexagon-bg{opacity:.5;z-index:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='46' viewBox='0 0 80 46' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300443F' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M38 4.41H18L8 23 18 41.18h20L48 23z'/%3E%3C/g%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.home-course-container{z-index:1;max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto;position:relative}.home-course-section-title{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--primary);opacity:0;font-size:2.5rem;transition:transform .8s,opacity .8s;position:relative;transform:translateY(20px)}.home-course-section-title:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));opacity:0;border-radius:2px;width:80px;height:4px;transition:opacity .5s;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.home-course-section-title.animate{opacity:1;transform:translateY(0)}.home-course-section-title.animate:after{opacity:1}.home-course-tabs{margin-bottom:var(--spacing-2xl);justify-content:center;gap:var(--spacing-md);opacity:0;transition:opacity .6s,transform .6s;display:flex;transform:translateY(15px)}.home-course-tabs.animate{opacity:1;transform:translateY(0)}.home-tab-button{border:2px solid var(--primary);border-radius:var(--radius-md);color:var(--primary);cursor:pointer;background-color:#0000;align-items:center;gap:12px;padding:14px 28px;font-size:1.1rem;font-weight:600;transition:all .4s;display:flex;position:relative;overflow:hidden}.home-tab-button:before{content:"";background:linear-gradient(135deg,var(--primary),#005a53);z-index:-1;width:100%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.home-tab-button:hover{color:#fff;border-color:var(--primary);box-shadow:0 8px 24px #00443f33}.home-tab-button:hover:before{left:0}.home-tab-button.active{background:linear-gradient(135deg,var(--primary),#005a53);color:#fff;border-color:var(--primary);box-shadow:0 8px 24px #00443f4d}.home-tab-button.active:before{left:0}.home-course-content{min-height:400px;position:relative}.home-course-details{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .6s,transform .6s;position:absolute;top:0;left:0;transform:translate(30px)}.home-course-details.active{opacity:1;pointer-events:auto;transform:translate(0)}.home-course-header{margin-bottom:var(--spacing-xl);opacity:0;transition:opacity .6s,transform .6s;transform:translateY(15px)}.home-course-header.animate{opacity:1;transform:translateY(0)}.home-course-title-area{text-align:center;margin-bottom:var(--spacing-md)}.home-course-title{color:var(--primary);margin:0 0 5px;font-size:2rem;position:relative}.home-course-title:after{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));border-radius:2px;width:60px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.home-course-subtitle{color:var(--secondary);opacity:.8;margin:0;font-family:Noto Sans Arabic,sans-serif;font-size:1.3rem}.home-feature-grid{gap:var(--spacing-lg);padding:var(--spacing-md)0;margin-bottom:var(--spacing-xl);grid-template-columns:repeat(5,1fr);display:grid}.home-feature-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;opacity:0;z-index:1;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#fefefe 100%);border:1px solid #00443f1a;flex-direction:column;align-items:center;transition:all .4s;display:flex;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 8px 32px #00000014}.home-feature-card:before{content:"";background:linear-gradient(90deg,var(--secondary),var(--primary));z-index:-1;transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.home-feature-card:after{content:"";background:linear-gradient(90deg,#0000,#cca0610d,#0000);width:100%;height:100%;transition:right .6s;position:absolute;top:0;right:-100%}.home-feature-card:hover{border-color:var(--secondary);transform:translateY(-8px);box-shadow:0 16px 48px #0000001f}.home-feature-card:hover:before{transform:scaleX(1)}.home-feature-card:hover:after{right:100%}.home-feature-card:active{transform:translateY(-4px)}.home-feature-card.animate{opacity:1;transition-delay:calc(var(--order,0)*.1s + .1s);transform:translateY(0)}.home-feature-card:first-child{--order:1}.home-feature-card:nth-child(2){--order:2}.home-feature-card:nth-child(3){--order:3}.home-feature-card:nth-child(4){--order:4}.home-feature-card:nth-child(5){--order:5}.home-feature-coming-soon{background:var(--secondary);color:var(--primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;z-index:2;padding:4px 8px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.home-feature-card:has(.home-feature-coming-soon){opacity:.5;cursor:not-allowed;pointer-events:none}.home-feature-card:has(.home-feature-coming-soon).animate{opacity:.5}.home-feature-icon{color:var(--primary);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#00443f14,#cca06114);border-radius:50%;padding:8px;transition:all .4s}.home-feature-card:hover .home-feature-icon{color:var(--secondary);background:linear-gradient(135deg,#cca06140,#00443f26);transform:scale(1.1)}.home-feature-title{color:var(--primary);margin:0 0 var(--spacing-sm)0;font-size:1rem;font-weight:600;line-height:1.4}.home-card-arrow{color:var(--secondary);opacity:.7;margin-top:auto;transition:all .3s}.home-feature-card:hover .home-card-arrow{opacity:1;transform:translate(4px)}.home-course-cta{text-align:center;margin-top:var(--spacing-xl)}.home-course-cta-button{background:linear-gradient(135deg,var(--secondary),#d9b078);color:var(--primary);border-radius:var(--radius-md);cursor:pointer;border:none;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.home-course-cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.home-course-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 32px #cca06166}.home-course-cta-button:hover:before{left:100%}html[dir=rtl] .home-feature-card:before{transform-origin:100%}html[dir=rtl] .home-course-details{transform:translate(-30px)}html[dir=rtl] .home-course-details.active{transform:translate(0)}html[dir=rtl] .home-feature-card:hover .home-card-arrow{transform:translate(-4px)}@media (width<=992px){.home-course-section-title{font-size:2rem}.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.home-course-title{font-size:1.8rem}}@media (width<=768px){.home-course-section-title{margin-bottom:var(--spacing-xl);font-size:1.75rem}.home-tab-button{padding:12px 20px;font-size:1rem}.home-course-title{font-size:1.6rem}.home-course-subtitle{font-size:1.1rem}.home-feature-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.home-course-content{min-height:500px}}@media (width<=576px){.home-course-section-title{font-size:1.5rem}.home-course-tabs{flex-direction:column;align-items:center}.home-tab-button{justify-content:center;width:100%;max-width:300px}.home-feature-grid{max-width:350px;margin:0 auto var(--spacing-xl)auto;grid-template-columns:1fr}.home-course-title{font-size:1.4rem}.home-feature-card{padding:var(--spacing-md)}.home-feature-title{font-size:.95rem}.home-course-content{min-height:600px}.home-course-cta-button{width:100%;max-width:300px}}.register-form-container{background:var(--white);border-radius:var(--radius-lg);max-width:575px;margin:0 auto;padding:2rem;box-shadow:0 8px 30px #00000014}.register-form-title{color:var(--primary);text-align:center;margin:1.5rem;font-size:1.8rem}.register-container{max-width:1000px;margin:0 auto;padding:2rem}.page-title{color:var(--primary);text-align:center;margin:1.5rem;font-size:3rem}.register-form{flex-direction:column;gap:1.25rem;display:flex}.register-step-indicators{justify-content:center;gap:2.75rem;margin-bottom:2rem;display:flex;position:relative}.register-step-indicators:before{content:"";z-index:1;background-color:#e0e0e0;height:2px;position:absolute;top:50%;left:25%;right:25%;transform:translateY(-50%)}.register-step-indicator{color:#757575;z-index:2;background-color:#f0f0f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:500;transition:all .3s;display:flex;position:relative}.register-step-indicator.register-active{background-color:var(--primary);color:var(--white);transform:scale(1.1)}.register-step-indicator.register-completed{background-color:var(--secondary);color:var(--white)}.register-step{animation:.3s ease-out register-fadeIn}@keyframes register-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-step-title{color:var(--primary);text-align:center;margin-bottom:1.2rem;font-size:1.3rem}.register-form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.register-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.register-form-group label{color:var(--primary);align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.register-input-container{position:relative}.register-form-group input[type=text],.register-form-group input[type=password],.register-form-group input[type=email],.register-form-group input[type=tel],.register-form-group input[type=date],.register-form-group select{border-radius:var(--radius-md);border:1px solid #e0e0e0;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.register-form-group input.register-validating{background-color:#fff8e1;border-color:#ff9800}.register-validation-indicator{justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.register-validation-indicator .register-loading-spinner{border:2px solid #ff9800;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s ease-in-out infinite register-spin}.register-form-group input[type=text]:focus,.register-form-group input[type=password]:focus,.register-form-group input[type=email]:focus,.register-form-group input[type=tel]:focus,.register-form-group input[type=date]:focus,.register-form-group select:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 2px #cca06133}.register-form-group input.register-has-error,.register-form-group select.register-has-error{border-color:#f44336}.register-error-message{color:#f44336;border-radius:var(--radius-sm);background-color:#ffebee;border-left:3px solid #f44336;align-items:center;gap:.5rem;margin-top:.25rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.8rem;display:flex}.register-warning-message{color:#e65100;border-radius:var(--radius-sm);background-color:#fff3e0;border-left:3px solid #ff9800;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1rem;font-size:.85rem;display:flex}.register-password-input{position:relative}.register-password-toggle{color:#757575;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.register-password-toggle:hover{color:var(--primary)}.register-validation-indicator.register-password-validating{position:absolute;top:50%;right:40px;transform:translateY(-50%)}.register-password-strength{margin-top:.5rem}.register-password-strength-bar{background-color:#f0f0f0;border-radius:2px;height:4px;overflow:hidden}.register-password-strength-fill{height:100%;transition:width .3s,background-color .3s}.register-password-strength-fill[data-strength=weak]{background-color:#f44336}.register-password-strength-fill[data-strength=medium]{background-color:#ff9800}.register-password-strength-fill[data-strength=strong]{background-color:#4caf50}.register-password-strength-fill[data-strength=very\ strong]{background-color:#2e7d32}.register-password-strength-label{color:#757575;text-align:right;margin-top:.25rem;font-size:.75rem}.register-password-requirements{border-radius:var(--radius-sm);background-color:#f8f9fa;border:1px solid #e9ecef;margin-top:.75rem;padding:.75rem}.register-requirement-item{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:.8rem;display:flex}.register-requirement-item:last-child{margin-bottom:0}.register-requirement-item .register-checked{color:#4caf50}.register-requirement-item .register-unchecked{color:#bdbdbd}.register-requirement-item.register-suggestion-header{color:#757575;margin-top:.5rem;font-size:.75rem;font-weight:500}.register-requirement-item.register-suggestion{color:#616161;padding-left:.5rem;font-size:.75rem}.register-checkbox-group{margin-top:1rem}.register-checkbox-label{cursor:pointer;align-items:flex-start;gap:.5rem;display:flex}.register-checkbox-label.register-has-error .register-checkbox-text{color:#f44336}.register-checkbox-text{color:#666;font-size:.9rem}.register-form-buttons{justify-content:space-between;margin-top:1.5rem;display:flex}.register-prev-button,.register-next-button,.register-submit-button{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.register-prev-button{color:var(--primary);border:1px solid var(--primary);background-color:#0000}.register-prev-button:hover{background-color:#00443f0d}.register-next-button,.register-submit-button{background-color:var(--primary);color:var(--white)}.register-next-button:hover,.register-submit-button:hover{background-color:#003a36}.register-submit-button{padding:.75rem 1.5rem;font-size:1rem}.register-next-button:disabled,.register-prev-button:disabled,.register-submit-button:disabled{opacity:.7;cursor:not-allowed}.register-loading-spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:20px;height:20px;animation:1s ease-in-out infinite register-spin}@keyframes register-spin{to{transform:rotate(360deg)}}.register-success{text-align:center;padding:1.5rem}.register-success h2{color:#388e3c;margin-bottom:1rem}.register-footer{text-align:center;color:#666;margin-top:1.5rem;font-size:.9rem}.register-login-link{color:var(--secondary);font-weight:500;text-decoration:none;transition:color .2s}.register-login-link:hover{color:var(--primary);text-decoration:underline}html[dir=rtl] .register-error-message{border-left:none;border-right:3px solid #f44336}html[dir=rtl] .register-checkbox-label{flex-direction:row-reverse}html[dir=rtl] .register-step-indicators:before{left:25%;right:25%}html[dir=rtl] .register-password-strength-label{text-align:left}html[dir=rtl] .register-password-toggle{left:.75rem;right:auto}.register-optional{color:#888;margin-left:.25rem;font-size:.8rem;font-weight:400}.register-form-group textarea{border-radius:var(--radius-md);resize:vertical;border:1px solid #e0e0e0;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.register-form-group textarea:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 2px #cca06133}.register-char-count{color:#888;text-align:right;margin-top:.25rem;font-size:.75rem}.register-avatar-group{margin-bottom:1.5rem}.register-avatar-upload{flex-direction:column;align-items:center;gap:.75rem;display:flex}.register-avatar-input{display:none}.register-avatar-placeholder{background:linear-gradient(135deg,var(--light,#f1e9d6)0%,#f8f4eb 100%);cursor:pointer;color:#888;border:2px dashed #ccc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:120px;height:120px;transition:all .3s;display:flex}.register-avatar-placeholder:hover{border-color:var(--primary);color:var(--primary);background:#00443f0d}.register-avatar-placeholder span{font-size:.75rem;font-weight:500}.register-avatar-preview-container{width:120px;height:120px;position:relative}.register-avatar-preview{object-fit:cover;border:3px solid var(--primary);border-radius:50%;width:120px;height:120px;box-shadow:0 4px 12px #00000026}.register-avatar-remove{color:#fff;cursor:pointer;background:#f44336;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 6px #0003}.register-avatar-remove:hover{background:#d32f2f;transform:scale(1.1)}@media (width<=576px){.register-form-container{box-shadow:none;padding:1.5rem}.register-form-title{font-size:1.5rem}.register-step-title{font-size:1.2rem}.register-form-row{grid-template-columns:1fr;gap:.5rem}.register-form-buttons{flex-direction:column;gap:1rem}.register-prev-button,.register-next-button,.register-submit-button{justify-content:center;width:100%}.register-step-indicators{margin-bottom:1.5rem}}.forgot-password-page{background:linear-gradient(135deg,var(--light)0%,#fff 100%);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.forgot-password-container{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:460px;padding:var(--spacing-xl);animation:.4s ease-out forgotPasswordFadeIn;box-shadow:0 10px 40px #0000001a}@keyframes forgotPasswordFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forgot-password-header{margin-bottom:var(--spacing-xl)}.forgot-password-back-link{align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);padding:var(--spacing-xs)var(--spacing-sm);margin:calc(-1*var(--spacing-xs))calc(-1*var(--spacing-sm));border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.forgot-password-back-link:hover{color:var(--primary);background-color:#00443f0d}.forgot-password-content{text-align:center}.forgot-password-icon-wrapper{width:96px;height:96px;margin:0 auto var(--spacing-lg);background:linear-gradient(135deg,var(--primary)0%,#00665f 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 8px 24px #00443f33}.forgot-password-icon{color:var(--white)}.forgot-password-title{color:var(--primary);margin-bottom:var(--spacing-sm);font-size:1.8rem;font-weight:700}.forgot-password-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);padding:0 var(--spacing-md);font-size:1rem;line-height:1.6}.forgot-password-error{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);text-align:left;background-color:#ffebee;border-left:4px solid #f44336;animation:.5s ease-out forgotPasswordShake;display:flex}@keyframes forgotPasswordShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.forgot-password-error svg{color:#d32f2f;flex-shrink:0;margin-top:2px}.forgot-password-error span{color:#c62828;flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.forgot-password-form{margin-bottom:var(--spacing-xl)}.forgot-password-field{text-align:left;margin-bottom:var(--spacing-lg)}.forgot-password-label{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:.9rem;font-weight:600;display:block}.forgot-password-input{width:100%;padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background-color:var(--white);border:2px solid #e0e0e0;font-size:1rem;transition:all .2s}.forgot-password-input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 3px #cca0611a}.forgot-password-input:disabled{cursor:not-allowed;opacity:.7;background-color:#f5f5f5}.forgot-password-input-error{border-color:#f44336}.forgot-password-input-error:focus{border-color:#f44336;box-shadow:0 0 0 3px #f443361a}.forgot-password-field-error{color:#f44336;margin-top:var(--spacing-xs);font-size:.85rem;font-weight:500;display:block}.forgot-password-submit{width:100%;padding:var(--spacing-md)var(--spacing-lg);color:var(--white);background:linear-gradient(135deg,var(--primary)0%,#00554f 100%);border-radius:var(--radius-md);cursor:pointer;border:none;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #00443f33}.forgot-password-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00443f4d}.forgot-password-submit:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #00443f33}.forgot-password-submit:disabled{cursor:not-allowed;box-shadow:none;background:linear-gradient(135deg,#ccc 0%,#aaa 100%)}.forgot-password-loading{justify-content:center;align-items:center;gap:var(--spacing-sm);display:flex}.forgot-password-spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite forgotPasswordSpin;display:inline-block}@keyframes forgotPasswordSpin{to{transform:rotate(360deg)}}.forgot-password-footer{padding-top:var(--spacing-lg);border-top:1px solid #e0e0e0}.forgot-password-footer-text{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem}.forgot-password-footer-text:last-child{margin-bottom:0}.forgot-password-link{color:var(--secondary);font-weight:600;text-decoration:none;transition:all .2s}.forgot-password-link:hover{color:var(--primary);text-decoration:underline}.forgot-password-success{text-align:center;padding:var(--spacing-lg)}.forgot-password-success-icon{color:#4caf50;margin-bottom:var(--spacing-lg)}.forgot-password-success-title{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.8rem;font-weight:700}.forgot-password-success-message{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.6}.forgot-password-success-message strong{color:var(--primary);font-weight:600}.forgot-password-success-note{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:.9rem;font-style:italic}.forgot-password-success-actions{gap:var(--spacing-sm);flex-direction:column;display:flex}.forgot-password-btn-primary,.forgot-password-btn-secondary{padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-md);text-align:center;cursor:pointer;border:none;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.forgot-password-btn-primary{background:linear-gradient(135deg,var(--primary)0%,#00554f 100%);color:var(--white);box-shadow:0 4px 12px #00443f33}.forgot-password-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00443f4d}.forgot-password-btn-secondary{color:var(--primary);border:2px solid var(--primary);background:0 0}.forgot-password-btn-secondary:hover{background-color:#00443f0d}@media (width<=576px){.forgot-password-page{padding:var(--spacing-md)}.forgot-password-container{padding:var(--spacing-lg);box-shadow:none}.forgot-password-title{font-size:1.5rem}.forgot-password-description{padding:0;font-size:.95rem}.forgot-password-icon-wrapper{width:80px;height:80px}.forgot-password-icon{width:40px;height:40px}.forgot-password-success-actions{gap:var(--spacing-xs)}}html[dir=rtl] .forgot-password-back-link{flex-direction:row-reverse}html[dir=rtl] .forgot-password-error{border-left:none;border-right:4px solid #f44336}html[dir=rtl] .forgot-password-field{text-align:right}.verify-email-page{background:linear-gradient(135deg,#f1e9d6 0%,#e8dcc4 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.verify-email-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:450px;padding:48px;box-shadow:0 10px 40px #00443f26}.verify-email-card h2{color:#00443f;margin:20px 0 12px;font-size:1.75rem}.verify-email-card p{color:#666;margin:8px 0;line-height:1.6}.verify-spinner{border:4px solid #f1e9d6;border-top-color:#00443f;border-radius:50%;width:50px;height:50px;margin:0 auto;animation:1s linear infinite spin}.verify-icon{border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto;font-size:36px;font-weight:700;display:flex}.verify-icon.success{color:#155724;background:#d4edda}.verify-icon.error{color:#721c24;background:#f8d7da}.redirect-text{color:#888;margin-top:16px;font-size:.9rem}.verify-home-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#00443f 0%,#002825 100%);border:none;border-radius:8px;margin-top:24px;padding:12px 32px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.verify-home-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00443f4d}.user-dashboard-container{background:var(--white);border-radius:var(--radius-lg);max-width:1200px;margin:0 auto;padding:2rem;box-shadow:0 8px 30px #00000014}.dashboard-header{text-align:center;margin-bottom:2rem}.welcome-message{color:var(--primary);margin-bottom:.5rem;font-size:1.8rem}.welcome-subtitle{color:#757575;font-size:1rem}.dashboard-cards{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.dashboard-card{background-color:var(--white);border-radius:var(--radius-md);border:1px solid #f0f0f0;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 2px 10px #0000000d}.dashboard-card:hover{box-shadow:0 5px 15px #0000001a}.card-header{background-color:#f9f9f9;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.card-title{color:var(--primary);margin:0;font-size:1.1rem;font-weight:600}.card-icon{width:36px;height:36px;color:var(--primary);background-color:#00443f1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.card-content{padding:1.25rem}.account-info{margin-bottom:1.25rem}.info-item{margin-bottom:.75rem;display:flex}.info-label{color:#616161;flex:0 0 100px;font-weight:500}.info-value{color:#212121}.activity-list{margin:0;padding:0;list-style:none}.activity-item{border-bottom:1px solid #f0f0f0;padding:.75rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{margin-right:1rem}.icon-circle{width:30px;height:30px;color:var(--secondary);background-color:#cca0611a;border-radius:50%;justify-content:center;align-items:center;display:flex}.activity-details{flex:1}.activity-content{color:#212121;margin-bottom:.25rem}.activity-time{color:#757575;font-size:.8rem}.subscription-info{margin-bottom:1.25rem}.subscription-plan{align-items:center;margin-bottom:.75rem;display:flex}.plan-name{color:#212121;margin-right:.75rem;font-size:1.1rem;font-weight:600}.status-badge{border-radius:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.active{color:#2e7d32;background-color:#e8f5e9}.status-badge.inactive{color:#c62828;background-color:#ffebee}.subscription-expiry{color:#616161;margin-bottom:1rem;font-size:.9rem}.subscription-features{margin-top:1rem}.features-title{color:#616161;margin-bottom:.5rem;font-size:.9rem}.features-list{margin:0;padding:0;list-style:none}.feature-item{color:#212121;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.feature-item svg{color:#4caf50;flex-shrink:0}.notifications-list{margin:0;padding:0;list-style:none}.notification-item{border-radius:var(--radius-sm);cursor:pointer;margin-bottom:.5rem;padding:.75rem;transition:background-color .2s}.notification-item:hover{background-color:#f5f5f5}.notification-item.unread{border-left:3px solid var(--secondary);background-color:#cca0610d}.notification-content{color:#212121;margin-bottom:.25rem}.notification-time{color:#757575;font-size:.8rem}.quick-links{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem;display:grid}.quick-link{text-align:center;border-radius:var(--radius-md);color:#212121;flex-direction:column;align-items:center;padding:1rem;text-decoration:none;transition:background-color .2s;display:flex}.quick-link:hover{background-color:#f5f5f5}.quick-link-icon{width:40px;height:40px;color:var(--primary);background-color:#00443f1a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:.5rem;display:flex}.quick-link.logout .quick-link-icon{color:#c62828;background-color:#c628281a}.quick-link-text{font-size:.9rem;font-weight:500}.card-actions{text-align:center;margin-top:1.25rem}.card-action-button{background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.card-action-button:hover{background-color:#003a36}.empty-state{text-align:center;color:#757575;padding:1.5rem 0}.user-dashboard-loading{text-align:center;background:var(--white);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 8px 30px #00000014}.user-dashboard-loading .loading-spinner{border:3px solid #00443f33;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s ease-in-out infinite spin}.user-dashboard-error{text-align:center;background:var(--white);border-radius:var(--radius-lg);color:#c62828;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 8px 30px #00000014}.user-dashboard-error svg{margin-bottom:1rem}html[dir=rtl] .activity-icon{margin-left:1rem;margin-right:0}html[dir=rtl] .plan-name{margin-left:.75rem;margin-right:0}html[dir=rtl] .notification-item.unread{border-left:none;border-right:3px solid var(--secondary)}@media (width<=992px){.dashboard-cards{grid-template-columns:1fr}}@media (width<=768px){.user-dashboard-container{border-radius:var(--radius-md);padding:1.5rem}.welcome-message{font-size:1.5rem}.info-item{flex-direction:column}.info-label{margin-bottom:.25rem}.quick-links{grid-template-columns:repeat(3,1fr)}}@media (width<=576px){.quick-links{grid-template-columns:repeat(2,1fr)}.activity-item{flex-direction:column}.activity-icon{margin-bottom:.5rem}.features-list{grid-template-columns:1fr;display:grid}}.user-profile-container{background:var(--white);border-radius:var(--radius-lg);max-width:800px;margin:0 auto;padding:2rem;box-shadow:0 8px 30px #00000014}.profile-header{text-align:center;border-bottom:1px solid #f0f0f0;margin-bottom:2rem;padding-bottom:2rem}.profile-avatar{background-color:#f5f5f5;border-radius:50%;width:120px;height:120px;margin:0 auto 1rem;position:relative;overflow:visible;box-shadow:0 4px 12px #0000001a}.profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.avatar-placeholder{color:#9e9e9e;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.avatar-upload-label{background-color:var(--secondary);width:32px;height:32px;color:var(--white);cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex;position:absolute;bottom:0;right:0}.avatar-upload-label:hover{background-color:var(--primary)}.profile-name{color:var(--primary);margin-bottom:.5rem;font-size:1.5rem}.profile-role{color:#757575;text-transform:capitalize;font-size:.9rem}.profile-section{margin-bottom:2rem}.section-title{color:var(--primary);border-bottom:1px solid #f0f0f0;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:1.2rem}.profile-fields{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.profile-field{margin-bottom:1rem}.field-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.field-label{color:#616161;font-size:.9rem;font-weight:500}.field-value{color:#212121;padding:.5rem 0}.field-value.readonly{color:#757575}.empty-value{color:#9e9e9e;font-style:italic}.change-password-link{color:var(--secondary);font-size:.9rem;text-decoration:none;transition:color .2s}.change-password-link:hover{color:var(--primary);text-decoration:underline}.edit-button{color:var(--secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;transition:background-color .2s}.edit-button:hover{background-color:#cca0611a}.field-edit{align-items:center;gap:.5rem;display:flex}.field-input{border-radius:var(--radius-md);border:1px solid #e0e0e0;flex:1;padding:.6rem .8rem;font-size:.95rem;transition:all .2s}.field-input:focus{border-color:var(--secondary);outline:none;box-shadow:0 0 0 2px #cca06133}.field-actions{gap:.5rem;display:flex}.save-button,.cancel-button{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.save-button{background-color:var(--primary);color:var(--white)}.save-button:hover{background-color:#003a36}.save-button:disabled{cursor:not-allowed;background-color:#b0b0b0}.cancel-button{color:#757575;background-color:#f5f5f5}.cancel-button:hover{background-color:#e0e0e0}.subscription-info{border-radius:var(--radius-md);background-color:#f5f5f5;padding:1.25rem}.subscription-status{color:#212121;margin-bottom:.5rem;font-size:1.1rem}.subscription-details{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;display:flex}.status-active{color:#2e7d32;background-color:#e8f5e9;border-radius:1rem;align-items:center;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.status-inactive{color:#c62828;background-color:#ffebee;border-radius:1rem;align-items:center;padding:.25rem .75rem;font-size:.85rem;font-weight:500;display:inline-flex}.expiry-date{color:#616161;font-size:.9rem}.subscription-actions{margin-top:1rem}.manage-subscription-button{background-color:var(--secondary);color:var(--white);border-radius:var(--radius-md);padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .2s;display:inline-block}.manage-subscription-button:hover{background-color:#b58b4e}.profile-actions{border-top:1px solid #f0f0f0;justify-content:space-between;margin-top:2rem;padding-top:1.5rem;display:flex}.dashboard-link,.logout-link{border-radius:var(--radius-md);padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.dashboard-link{color:#616161;background-color:#f5f5f5}.dashboard-link:hover{background-color:#e0e0e0}.logout-link{color:#c62828;background-color:#ffebee}.logout-link:hover{background-color:#ffcdd2}.success-message{color:#2e7d32;border-radius:var(--radius-md);background-color:#e8f5e9;margin-bottom:1.5rem;padding:.75rem 1rem;animation:.3s fadeIn}.error-message{color:#c62828;border-radius:var(--radius-md);background-color:#ffebee;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;animation:.3s fadeIn;display:flex}.user-profile-loading{text-align:center;background:var(--white);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 8px 30px #00000014}.user-profile-loading .loading-spinner{border:3px solid #00443f33;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s ease-in-out infinite spin}.user-profile-error{text-align:center;background:var(--white);border-radius:var(--radius-lg);color:#c62828;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex;box-shadow:0 8px 30px #00000014}.user-profile-error svg{margin-bottom:1rem}.retry-button{background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;margin-top:1rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;transition:background-color .2s}.retry-button:hover{background-color:#003a36}html[dir=rtl] .field-actions{flex-direction:row-reverse}html[dir=rtl] .avatar-upload-label{left:0;right:auto}@media (width<=768px){.user-profile-container{border-radius:var(--radius-md);padding:1.5rem}.profile-fields{grid-template-columns:1fr;gap:1rem}.profile-avatar{width:100px;height:100px}.profile-actions{flex-direction:column;gap:1rem}.dashboard-link,.logout-link{text-align:center;width:100%}}@media (width<=576px){.field-edit{flex-direction:column;align-items:stretch;gap:.75rem}.field-actions{justify-content:flex-end}.subscription-details{flex-direction:column;gap:.5rem}}.task-navigator-container{align-items:center;width:100%;margin-bottom:1.5rem;display:flex;position:relative}.task-navigator{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;justify-content:center;gap:24px;width:100%;padding:4px 2px 12px;display:flex;overflow-x:auto}.task-navigator::-webkit-scrollbar{display:none}.task-type-card{background-color:var(--white,#fff);border:1px solid var(--primary-light,#e1e8f5);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-width:130px;padding:16px 12px;transition:all .25s ease-in-out;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.task-number{background-color:var(--primary,#3c64b1);color:#fff;z-index:3;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:8px;left:8px;box-shadow:0 1px 3px #0003}.task-type-card.is-selected .task-number{background-color:var(--secondary,#f8b500)}.task-type-card.is-completed .task-number{background-color:#4ade80}.task-type-card.is-selected{background-color:var(--primary-light,#e1e8f5);border-color:var(--primary,#3c64b1);box-shadow:0 6px 12px #3c64b126}.task-type-card:hover:not(.is-selected){background-color:var(--white,#fff);transform:translateY(-3px);box-shadow:0 5px 10px #0000001a}.task-type-card.is-completed{position:relative;overflow:hidden}.task-completed-overlay{z-index:2;pointer-events:none;background-color:#4ade8026;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.task-completed-icon{color:#fff;background-color:#4ade80e6;border-radius:50%;padding:4px;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0000001a}.task-type-icon{color:var(--primary,#3c64b1);z-index:1;background-color:#3c64b114;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:10px;transition:all .25s;display:flex;position:relative}.task-type-card.is-selected .task-type-icon{background-color:#3c64b126;transform:scale(1.05)}.premium-lock-icon{background-color:var(--secondary,#f8b500);color:#fff;border-radius:50%;padding:2px;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #0003}.task-type-label{text-align:center;color:var(--black,#2c3e50);z-index:1;margin-bottom:8px;font-size:.95rem;font-weight:600}.task-type-progress{z-index:1;flex-direction:column;align-items:center;gap:4px;width:100%;display:flex}.progress-bar{background-color:#0000000f;border-radius:3px;width:100%;height:5px;overflow:hidden}.progress-fill{background-color:var(--primary,#3c64b1);border-radius:3px;height:100%;transition:width .3s ease-in-out}.task-type-card.is-completed .progress-fill{background-color:#4ade80}.task-type-card.is-selected .progress-fill{background-color:var(--secondary,#f8b500)}.progress-text{color:var(--gray,#6c757d);white-space:nowrap;text-align:center;text-overflow:ellipsis;width:100%;font-size:.75rem;font-weight:500;overflow:hidden}.navigator-scroller{background-color:var(--white,#fff);border:1px solid var(--primary-light,#e1e8f5);border-radius:var(--radius-sm,4px);cursor:pointer;z-index:2;justify-content:center;align-items:center;width:32px;height:40px;transition:all .2s;display:flex;position:absolute;box-shadow:0 2px 6px #0000001f}.navigator-scroller span{color:var(--primary,#3c64b1);-webkit-user-select:none;user-select:none;font-size:1.8rem;line-height:1}.scroller-left{left:-4px}.scroller-right{right:-4px}.navigator-scroller:hover{background-color:var(--primary-light,#e1e8f5)}.task-type-card.is-premium{background-color:var(--white,#fff);border:1px dashed var(--secondary,#f8b500)}.task-type-card.is-premium .task-type-icon{color:var(--secondary,#f8b500);background-color:#f8b50014}@media (width>=769px) and (width<=1024px){.task-navigator{gap:20px}.task-type-card{min-width:120px;padding:12px 10px}.task-type-icon{width:42px;height:42px}.task-type-icon svg{transform:scale(.9)}.task-completed-icon{padding:3px;top:6px;right:6px}.task-number{width:18px;height:18px;font-size:.65rem;top:6px;left:6px}}@media (width<=768px){.task-navigator-container{margin-bottom:1.25rem}.task-navigator{gap:16px}.task-type-card{min-width:110px;padding:10px 8px}.task-type-icon{width:40px;height:40px;margin-bottom:8px}.task-type-icon svg{transform:scale(.85)}.task-type-label{font-size:.85rem}.navigator-scroller{width:28px;height:35px}.navigator-scroller span{font-size:1.5rem}.task-completed-icon{padding:3px;top:5px;right:5px;transform:scale(.9)}.task-number{width:16px;height:16px;font-size:.6rem;top:5px;left:5px}}@media (width<=480px){.task-navigator-container{margin-bottom:1rem}.task-navigator{gap:12px}.task-type-card{min-width:90px;padding:8px 6px}.task-type-icon{width:36px;height:36px;margin-bottom:6px}.task-type-icon svg{transform:scale(.8)}.task-type-label{margin-bottom:6px;font-size:.8rem}.progress-bar{height:4px}.progress-text{font-size:.7rem}.task-completed-icon{padding:2px;top:4px;right:4px;transform:scale(.8)}.task-number{width:14px;height:14px;font-size:.55rem;top:4px;left:4px}}[dir=rtl] .scroller-left{left:auto;right:-4px}[dir=rtl] .scroller-right{left:-4px;right:auto}[dir=rtl] .premium-lock-icon{left:-5px;right:auto}[dir=rtl] .task-completed-icon{left:8px;right:auto}[dir=rtl] .task-number{left:auto;right:8px}@media (width>=769px) and (width<=1024px){[dir=rtl] .task-number{right:6px}}@media (width<=768px){[dir=rtl] .task-completed-icon{left:5px}[dir=rtl] .task-number{right:5px}}@media (width<=480px){[dir=rtl] .task-completed-icon{left:4px}[dir=rtl] .task-number{right:4px}}.alhikma-task-completion-container{flex-direction:column;align-items:center;width:100%;margin:1rem 0;display:flex;position:relative}.alhikma-task-completion-button{background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;max-width:300px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:background-color .3s,transform .2s;display:flex}.alhikma-task-completion-button:hover{background-color:var(--primary-dark)}.alhikma-task-completion-button:active{transform:translateY(0)}.alhikma-task-completion-button:disabled{background-color:var(--primary-light);cursor:not-allowed;transform:none}.alhikma-completion-ribbon{z-index:5;width:100%;max-width:300px;margin:1rem 0;position:relative;overflow:hidden}.alhikma-ribbon-content{background-color:var(--success);color:#fff;text-align:center;border-radius:var(--radius-md);justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-weight:600;animation:.5s ease-out forwards alhikma-ribbon-slide;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.alhikma-ribbon-content:before,.alhikma-ribbon-content:after{content:"";z-index:-1;border:5px solid #0000;border-width:0 5px 5px 0;position:absolute;bottom:-5px}.alhikma-ribbon-content:before{border-right-color:var(--success-dark,#056629);left:0}.alhikma-ribbon-content:after{border-left-color:var(--success-dark,#056629);border-width:0 0 5px 5px;right:0}@keyframes alhikma-ribbon-slide{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.alhikma-task-completion-error{color:var(--error);background-color:var(--error-light);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:100%;max-width:300px;margin-bottom:.75rem;padding:.5rem 1rem;display:flex}.alhikma-button-loading-spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite alhikma-spin}@keyframes alhikma-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.alhikma-task-completion-button,.alhikma-completion-ribbon{transition:none;animation:none}}[dir=rtl] .alhikma-task-completion-button,[dir=rtl] .alhikma-task-completion-error,[dir=rtl] .alhikma-ribbon-content{flex-direction:row-reverse}@media (width<=768px){.alhikma-task-completion-button{width:100%;max-width:none;padding:.875rem 1rem}.alhikma-completion-ribbon,.alhikma-task-completion-error{width:100%;max-width:none}}.audio-player-component{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;max-width:100%;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.audio-player-component:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.audio-player-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.audio-player-title{color:#1f2937;flex:1;margin:0;font-size:1.125rem;font-weight:600}.audio-player-transcript-button{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.audio-player-transcript-button:hover{background:#e5e7eb;border-color:#9ca3af}.audio-player-controls{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.audio-player-main-button{border:2px solid var(--primary);width:48px;height:48px;color:var(--primary);cursor:pointer;background:#fff;border-radius:50%;outline:none;justify-content:center;align-items:center;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000001a}.audio-player-main-button:hover:not(:disabled){background:var(--primary);color:#fff;box-shadow:0 4px 8px rgba(var(--primary-rgb),.3);transform:scale(1.05)}.audio-player-main-button:active:not(:disabled){transform:scale(.95)}.audio-player-main-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.audio-player-main-button.playing{background:var(--primary);color:#fff;animation:2s infinite audio-pulse}.audio-player-main-button.error{color:#dc2626;background:#fef2f2;border-color:#dc2626}.audio-player-skip-button{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.audio-player-skip-button:hover:not(:disabled){color:#374151;background:#f3f4f6;border-color:#9ca3af;transform:scale(1.05)}.audio-player-skip-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.audio-player-progress-container{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.audio-player-time{color:#6b7280;text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem;font-size:.875rem;font-weight:500}.audio-player-progress{cursor:pointer;flex:1;height:6px;position:relative}.audio-player-progress-track{background:#e5e7eb;border-radius:3px;width:100%;height:100%;position:relative;overflow:hidden}.audio-player-progress-fill{background:linear-gradient(90deg,var(--primary),var(--primary-dark));border-radius:3px;height:100%;transition:width .1s}.audio-player-progress-thumb{border:2px solid var(--primary);opacity:0;background:#fff;border-radius:50%;width:16px;height:16px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.audio-player-progress:hover .audio-player-progress-thumb{opacity:1}.audio-player-label{text-align:center;color:#6b7280;font-size:.875rem;font-weight:500}.audio-player-transcript{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;margin-top:1rem;padding:1rem;overflow-y:auto}.transcript-text-content,.transcript-html-content{color:#374151;line-height:1.6}.transcript-html-content p,.transcript-html-content span{margin:.5rem 0}@keyframes audio-pulse{0%,to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.4)}50%{box-shadow:0 0 0 8px rgba(var(--primary-rgb),0)}}.audio-player{align-items:center;display:inline-flex}.audio-player-button{color:#374151;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;align-items:center;gap:6px;padding:6px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.audio-player-button:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e1;transform:translateY(-1px)}.audio-player-button:active:not(:disabled){transform:translateY(0)}.audio-player-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.audio-player-button.playing{background:var(--light);border-color:var(--primary);color:var(--primary)}.audio-player-button.playing:hover:not(:disabled){background:var(--secondary);border-color:var(--primary);color:var(--primary)}.audio-player-button.error{color:#dc2626;cursor:not-allowed;background:#fef2f2;border-color:#fca5a5}.audio-player-small .audio-player-component{padding:1rem}.audio-player-small .audio-player-main-button{width:40px;height:40px}.audio-player-small .audio-player-skip-button{width:32px;height:32px}.audio-player-small .audio-player-title{font-size:1rem}.audio-player-small .audio-player-time{min-width:2rem;font-size:.75rem}.audio-player-large .audio-player-component{padding:2rem}.audio-player-large .audio-player-main-button{width:56px;height:56px}.audio-player-large .audio-player-skip-button{width:44px;height:44px}.audio-player-large .audio-player-title{font-size:1.25rem}.audio-player-large .audio-player-time{min-width:3rem;font-size:1rem}.audio-player-small .audio-player-button{gap:4px;padding:4px 6px;font-size:12px}.audio-player-medium .audio-player-button{gap:6px;padding:6px 10px;font-size:14px}.audio-player-large .audio-player-button{gap:8px;padding:8px 12px;font-size:16px}.audio-player-spinner{border:2px solid #e2e8f0;border-top:2px solid var(--primary);border-radius:50%;width:14px;height:14px;animation:1s linear infinite audio-player-spin}.audio-player-large .audio-player-spinner{width:18px;height:18px}.audio-player-small .audio-player-spinner{border-width:1.5px;width:12px;height:12px}@keyframes audio-player-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.audio-player-button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[dir=rtl] .audio-player-button{flex-direction:row-reverse}@media (prefers-color-scheme:dark){.audio-player-button{color:#f9fafb;background:#374151;border-color:#4b5563}.audio-player-button:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.audio-player-button.playing{background:var(--primary-dark);border-color:var(--primary);color:var(--light)}.audio-player-button.playing:hover:not(:disabled){background:var(--primary);border-color:var(--secondary)}.audio-player-button.error{color:#fecaca;background:#7f1d1d;border-color:#dc2626}.audio-player-spinner{border-color:#4b5563;border-top-color:var(--primary)}}@media (prefers-contrast:high){.audio-player-button{border-width:2px}.audio-player-button:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.audio-player-button{transition:none}.audio-player-button:hover:not(:disabled){transform:none}.audio-player-spinner{animation:none}}.exercise-container{background-color:var(--white,#fff);border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm,0 1px 3px #0000001a);flex-direction:column;height:100%;margin-bottom:1.5rem;display:flex;overflow:hidden}.exercise-empty{text-align:center;color:var(--grey-500,#6b7280);padding:2rem}.exercise-header{border-bottom:1px solid var(--grey-200,#e5e7eb);background-color:var(--white,#fff);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.exercise-task-title{color:var(--grey-900,#111827);margin:0;font-size:1.25rem;font-weight:600}.exercise-progress{flex-direction:column;align-items:flex-end;gap:4px;min-width:150px;display:flex}.exercise-progress-bar{background-color:var(--grey-200,#e5e7eb);border-radius:3px;width:100%;height:6px;overflow:hidden}.exercise-progress-fill{background-color:var(--primary,#3b82f6);height:100%;transition:width .3s}.exercise-progress-text{color:var(--grey-600,#4b5563);justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.875rem;display:flex}.task-completion-status{flex-direction:column;gap:4px;width:100%;margin-top:8px;display:flex}.task-completion-progress{background-color:var(--gray-lighter,#e9ecef);border-radius:3px;height:6px;position:relative;overflow:hidden}.task-completion-fill{background-color:var(--gray,#6c757d);border-radius:3px;height:100%;transition:width .3s}.task-completion-fill.is-complete{background-color:var(--success,#198754)}.task-completion-threshold{background-color:var(--secondary,#f8b500);z-index:2;width:2px;position:absolute;top:0;bottom:0;left:50%}.task-completion-text{color:var(--gray,#6c757d);align-items:center;gap:4px;font-size:.75rem;display:flex}.task-completion-text svg{color:var(--success,#198754)}.task-completed-banner{color:var(--success,#198754);border-radius:var(--radius-md,8px);background-color:#1987541a;border:1px solid #19875433;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;animation:.3s fadeIn;display:flex}.exercise-content{flex:1;padding:1.5rem;position:relative}.exercise-feedback-card{background-color:var(--white,#fff);z-index:100;border-radius:12px;width:90%;max-width:480px;animation:.3s ease-out feedback-appear;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 20px #00000026}@keyframes feedback-appear{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.exercise-feedback-card.correct{border-top:6px solid var(--success,#10b981)}.exercise-feedback-card.incorrect{border-top:6px solid var(--error,#ef4444)}.feedback-header{border-bottom:1px solid var(--grey-200,#e5e7eb);align-items:center;gap:16px;padding:20px 24px;display:flex}.feedback-icon-container{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.feedback-icon-container.correct{color:var(--success,#10b981);background-color:#10b98126}.feedback-icon-container.incorrect{color:var(--error,#ef4444);background-color:#ef444426}.feedback-title{color:var(--grey-900,#111827);margin:0;font-size:1.25rem;font-weight:600}.feedback-content{padding:20px 24px}.feedback-hint{background-color:var(--grey-50,#f9fafb);border-left:3px solid var(--grey-300,#d1d5db);border-radius:4px;margin-bottom:20px;padding:12px 16px}.feedback-hint p{color:var(--grey-600,#4b5563);margin:0;font-size:.95rem}.feedback-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.feedback-button{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.feedback-button.next{background-color:var(--success,#10b981);color:#fff;margin-right:auto}.feedback-button.next:hover{background-color:#0e9f6e}.feedback-button.retry{background-color:var(--primary,#3b82f6);color:#fff;margin-right:auto}.feedback-button.retry:hover{background-color:#2563eb}.feedback-button.dismiss{background-color:var(--grey-200,#e5e7eb);color:var(--grey-700,#4b5563)}.feedback-button.dismiss:hover{background-color:var(--grey-300,#d1d5db)}.exercise-content:before{content:"";z-index:90;background-color:#00000080;animation:.2s ease-out fade-in;display:none;position:fixed;inset:0}.exercise-content:has(.exercise-feedback-card):before{display:block}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.exercise-navigation{border-top:1px solid var(--grey-200,#e5e7eb);background-color:var(--grey-50,#f9fafb);justify-content:space-between;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0}.exercise-nav-button{background-color:var(--white,#fff);color:var(--primary,#3b82f6);border-radius:var(--radius-md,8px);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 2px #0000000d);border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;transition:all .2s;display:flex}.exercise-nav-button:hover:not(:disabled){background-color:var(--grey-100,#f3f4f6)}@keyframes slide-down{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (width<=768px){.exercise-header{flex-direction:column;align-items:flex-start;gap:.75rem;padding:1rem}.exercise-progress{align-items:flex-start;width:100%}.exercise-content{padding:1rem}.exercise-navigation{padding:.75rem 1rem}.exercise-nav-button{padding:.5rem .75rem;font-size:.875rem}.task-completion-status{margin-top:6px}.exercise-feedback-card{width:95%;max-width:420px}.feedback-header,.feedback-content{padding:16px 20px}.feedback-title{font-size:1.125rem}.feedback-actions{flex-direction:column}.feedback-button{width:100%}}@media (width<=480px){.exercise-container{max-height:calc(100vh - 5rem)}.exercise-task-title{font-size:1.125rem}.exercise-content{padding:.75rem}.exercise-navigation{padding:.5rem .75rem}.exercise-nav-button{padding:.375rem .5rem;font-size:.75rem}.task-completed-banner{padding:6px 10px;font-size:.85rem}.exercise-feedback-card{border-radius:12px 12px 0 0;width:100%;max-width:none;max-height:80vh;inset:auto 0 0;overflow-y:auto;transform:none}@keyframes feedback-appear{0%{transform:translateY(100%)}to{transform:translateY(0)}}.feedback-icon-container{width:36px;height:36px}.feedback-icon-container svg{width:20px;height:20px}}[dir=rtl] .exercise-progress{align-items:flex-start}[dir=rtl] .exercise-nav-button:first-child,[dir=rtl] .exercise-nav-button:last-child{flex-direction:row-reverse}[dir=rtl] .task-completion-threshold{left:auto;right:50%}[dir=rtl] .task-completion-text{flex-direction:row-reverse}[dir=rtl] .exercise-feedback-card.correct,[dir=rtl] .exercise-feedback-card.incorrect{border-right:6px solid #0000}[dir=rtl] .exercise-feedback-card.correct{border-right-color:var(--success,#10b981)}[dir=rtl] .exercise-feedback-card.incorrect{border-right-color:var(--error,#ef4444)}[dir=rtl] .feedback-hint{border-left:none;border-right:3px solid var(--grey-300,#d1d5db)}[dir=rtl] .feedback-button.next,[dir=rtl] .feedback-button.retry{margin-left:auto;margin-right:0}.confirmation-dialog-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.confirmation-dialog{background-color:#fff;border-radius:8px;width:90%;max-width:400px;padding:24px;animation:.3s ease-out slide-down;box-shadow:0 4px 12px #00000026}.confirmation-title{color:var(--primary-dark,#1e3a8a);margin:0 0 16px;font-size:1.25rem;font-weight:600}.confirmation-message{color:var(--text,#4b5563);margin:0 0 24px;font-size:1rem;line-height:1.5}.confirmation-actions{justify-content:flex-end;gap:12px;display:flex}.confirmation-button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.confirmation-button.cancel{background-color:var(--light-gray,#e5e7eb);color:var(--text-dark,#374151)}.confirmation-button.cancel:hover:not(:disabled){background-color:var(--gray,#d1d5db)}.confirmation-button.confirm{background-color:var(--danger,#ef4444);color:#fff}.confirmation-button.confirm:hover:not(:disabled){background-color:var(--danger-dark,#dc2626)}.confirmation-button:disabled{opacity:.7;cursor:not-allowed}[dir=rtl] .confirmation-actions{flex-direction:row-reverse}@media (width<=480px){.confirmation-dialog{max-width:320px;padding:20px}.confirmation-title{margin-bottom:12px;font-size:1.1rem}.confirmation-message{margin-bottom:20px;font-size:.9rem}.confirmation-button{padding:8px 12px;font-size:.85rem}}.true-false-exercise{flex-direction:column;gap:1.5rem;display:flex}.true-false-statement{color:var(--grey-900,#111827);background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);padding:1.25rem;font-size:1.125rem;line-height:1.5}.true-false-statement p{margin:0}.true-false-options{gap:1rem;margin:.5rem 0;display:flex}.true-false-option{border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);color:var(--grey-700,#374151);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:.75rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.true-false-option:hover:not(:disabled){border-color:var(--grey-400,#9ca3af);background-color:var(--grey-50,#f9fafb)}.true-false-option:disabled{cursor:default}.true-false-option.selected{color:#b8860b;background-color:#b8860b1a;border-color:#b8860b}.true-false-option.correct{border-color:var(--success,#10b981);color:var(--success,#10b981);background-color:#10b9810d}.true-false-option.incorrect{border-color:var(--error,#ef4444);color:var(--error,#ef4444);background-color:#ef44440d}.option-icon{border-radius:var(--radius-full,9999px);color:currentColor;background-color:#0000;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.true-false-option:first-child .option-icon{background-color:var(--success,#10b981);color:var(--white,#fff)}.true-false-option:last-child .option-icon{background-color:var(--error,#ef4444);color:var(--white,#fff)}.true-false-option.selected .option-icon{color:var(--white,#fff);background-color:#b8860b}.true-false-explanation{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);padding:1rem}.true-false-explanation h4{color:var(--grey-900,#111827);margin-top:0;margin-bottom:.5rem}.true-false-explanation p{color:var(--grey-700,#374151);margin:0}.true-false-actions{justify-content:center;margin-top:.5rem;display:flex}@media (width<=768px){.true-false-statement{padding:1rem;font-size:1rem}.true-false-options{flex-direction:column}.true-false-option{padding:.75rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}[dir=rtl] .true-false-statement{border-left:none;border-right:4px solid var(--primary,#3b82f6)}[dir=rtl] .true-false-option{flex-direction:row-reverse}.true-false-statement div[dangerouslySetInnerHTML],.true-false-html-content{line-height:1.5}.true-false-statement div[dangerouslySetInnerHTML] p,.true-false-statement div[dangerouslySetInnerHTML] span,.true-false-html-content p,.true-false-html-content span{margin-bottom:.75rem}.true-false-statement div[dangerouslySetInnerHTML] p:last-child,.true-false-statement div[dangerouslySetInnerHTML] span:last-child,.true-false-html-content p:last-child,.true-false-html-content span:last-child{margin-bottom:0}[lang=ar] .true-false-statement div[dangerouslySetInnerHTML],[dir=rtl] .true-false-statement div[dangerouslySetInnerHTML],.true-false-statement div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .true-false-html-content,[dir=rtl] .true-false-html-content,.true-false-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:1.8}.true-false-explanation .explanation-text{margin-top:.75rem}.explanation-text div[dangerouslySetInnerHTML]{line-height:1.6}.true-false-statement div[dangerouslySetInnerHTML] ul,.true-false-statement div[dangerouslySetInnerHTML] ol,.true-false-html-content ul,.true-false-html-content ol,.explanation-text div[dangerouslySetInnerHTML] ul,.explanation-text div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .true-false-statement div[dangerouslySetInnerHTML] ul,[dir=rtl] .true-false-statement div[dangerouslySetInnerHTML] ol,[dir=rtl] .true-false-html-content ul,[dir=rtl] .true-false-html-content ol,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.true-false-exercise-list{flex-direction:column;gap:1.5rem;display:flex}.exercise-list-header{text-align:center;margin-bottom:1rem}.exercise-list-header h3{color:var(--grey-900,#111827);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.exercise-progress{color:var(--grey-600,#6b7280);margin:0;font-size:.875rem}.exercise-list{flex-direction:column;gap:1.25rem;display:flex}.exercise-item{border:2px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-lg,12px);background-color:var(--white,#fff);gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.exercise-item.submitted{border-width:2px}.exercise-item.correct{border-color:var(--success,#10b981);background-color:#10b98105}.exercise-item.incorrect{border-color:var(--error,#ef4444);background-color:#ef444405}.exercise-item.correct .exercise-number{background-color:var(--success,#10b981)}.exercise-item.incorrect .exercise-number{background-color:var(--error,#ef4444)}.exercise-content{flex-direction:column;flex:1;gap:1rem;display:flex}.exercise-item .true-false-statement{background-color:var(--grey-50,#f9fafb);border-left:3px solid var(--primary,#3b82f6);padding:1rem;font-size:1rem}.exercise-item .true-false-options{gap:.75rem}.exercise-item .true-false-option{padding:.75rem 1rem;font-size:.875rem}.exercise-item .true-false-option .option-icon{width:20px;height:20px}.feedback{border-radius:var(--radius-md,8px);margin-top:.5rem;padding:.75rem;font-size:.875rem;font-weight:500}.feedback.correct{background-color:#10b9811a;border:1px solid #10b9814d}.feedback.incorrect{background-color:#ef44441a;border:1px solid #ef44444d}.feedback-text.correct{color:var(--success,#10b981)}.feedback-text.incorrect{color:var(--error,#ef4444)}.summary{border-radius:var(--radius-md,8px);justify-content:center;align-items:center;gap:2.5rem;padding:1rem;font-weight:600;display:flex}.retry-all-button{border:2px solid var(--primary,#3b82f6);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);color:var(--primary,#3b82f6);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.exercise-list-header+.exercise-list+.true-false-actions .submit-button,.true-false-exercise-list .true-false-actions .submit-button{min-width:200px;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600}@media (width<=768px){.exercise-item{flex-direction:column;gap:.75rem;padding:1rem}.exercise-number{align-self:flex-start;margin-top:0}.exercise-item .true-false-statement{padding:.875rem;font-size:.9rem}.exercise-item .true-false-options{flex-direction:column;gap:.5rem}.exercise-item .true-false-option{padding:.625rem .875rem}.results-summary{padding:1rem}.summary-text{font-size:1rem}}[dir=rtl] .exercise-item{flex-direction:row-reverse}[dir=rtl] .exercise-item .true-false-statement{border-left:none;border-right:3px solid var(--primary,#3b82f6)}[dir=rtl] .exercise-item .true-false-option{flex-direction:row-reverse}@media (width<=768px){[dir=rtl] .exercise-item{flex-direction:column}}.fill-blanks-exercise{background-color:#fff;border-radius:8px;flex-direction:column;gap:1.5rem;width:100%;padding:1rem;display:flex}.fill-blanks-container{width:100%}.fill-blanks-content{color:var(--grey-900,#111827);font-size:1.125rem;line-height:1.6}.fill-blanks-paragraph{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);padding:1.5rem}.fill-blanks-input-container{align-items:center;margin:0 .25rem;display:inline-flex;position:relative}.fill-blanks-input{border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-sm,4px);background-color:var(--white,#fff);vertical-align:middle;min-width:100px;margin:0 .25rem;padding:.375rem .5rem;font-family:inherit;font-size:1rem;transition:all .2s;display:inline-block;box-shadow:0 1px 2px #0000000d}.fill-blanks-input:focus{border-color:var(--primary,#3b82f6);outline:none;box-shadow:0 0 0 2px #3b82f640}.fill-blanks-input.correct{border-color:var(--success,#10b981);background-color:#10b9810d}.fill-blanks-input.incorrect{border-color:var(--error,#ef4444);background-color:#ef44440d}.answer-indicator{align-items:center;display:flex;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.answer-indicator.correct{color:var(--success,#10b981)}.answer-indicator.incorrect{color:var(--error,#ef4444)}.fill-blanks-correct-answer{background-color:var(--grey-900,#111827);color:var(--white,#fff);border-radius:var(--radius-sm,4px);white-space:nowrap;z-index:10;opacity:0;pointer-events:none;padding:.125rem .375rem;font-size:.75rem;transition:opacity .2s,transform .2s;position:absolute;top:-20px;right:0;transform:translateY(5px)}.answer-indicator.incorrect:hover .correct-answer{opacity:1;transform:translateY(0)}.fill-blanks-form{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field label{color:var(--grey-700,#374151);font-weight:500}.input-container{align-items:center;display:flex;position:relative}.input-container .fill-blanks-input{width:100%;padding:.75rem}.input-container .answer-indicator{right:10px}.fill-blanks-table{overflow-x:auto}.fill-blanks-table table{border-collapse:collapse;border:1px solid var(--grey-300,#d1d5db);border-radius:var(--radius-md,8px);width:100%;overflow:hidden}.fill-blanks-table td{border:1px solid var(--grey-300,#d1d5db);padding:.75rem}.fill-blanks-table td:first-child{background-color:var(--grey-100,#f3f4f6);width:40%;font-weight:500}.input-cell{position:relative}.input-cell .fill-blanks-input{width:100%}.fill-blanks-feedback{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);margin-top:.5rem;padding:1rem 1.5rem;animation:.3s ease-in-out fade-in}.fill-blanks-feedback.positive{border-left:4px solid var(--success,#10b981)}.fill-blanks-feedback.negative{border-left:4px solid var(--error,#ef4444)}.fill-blanks-feedback h4{color:var(--grey-900,#111827);margin-top:0;margin-bottom:.5rem}.fill-blanks-feedback p{color:var(--grey-700,#374151);margin:0}.fill-blanks-actions{justify-content:center;margin-top:1rem;display:flex}.fill-blanks-submit{justify-content:center;margin-top:1.5rem;display:flex}.submit-button{background-color:var(--primary,#3b82f6);color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;text-align:center;border:none;min-width:120px;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-block;box-shadow:0 2px 4px #0000001a}.submit-button:hover:not(:disabled){background-color:var(--primary-dark,#2563eb);transform:translateY(-1px);box-shadow:0 3px 6px #00000026}.submit-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--grey-400,#9ca3af)}.submit-button.active{background-color:var(--primary,#3b82f6);cursor:pointer}.submit-button.disabled{background-color:var(--grey-300,#d1d5db);color:var(--grey-600,#4b5563);cursor:not-allowed;opacity:.7}@media (width<=768px){.fill-blanks-paragraph{padding:1rem}.fill-blanks-input{min-width:80px;font-size:.875rem}.form-field{flex-direction:column}.form-field label{width:100%;margin-bottom:.25rem}.fill-blanks-feedback{padding:.75rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}@media (width<=480px){.fill-blanks-content{font-size:1rem}.fill-blanks-input{min-width:70px;padding:.25rem .375rem}.answer-indicator{right:-20px}.fill-blanks-feedback{padding:.5rem .75rem}}[dir=rtl] .fill-blanks-paragraph{border-left:none;border-right:4px solid var(--primary,#3b82f6)}[dir=rtl] .answer-indicator{left:-24px;right:auto}[dir=rtl] .correct-answer{left:0;right:auto}[dir=rtl] .fill-blanks-feedback.positive,[dir=rtl] .fill-blanks-feedback.negative{border-left:none;border-right:4px solid var(--success,#10b981)}[dir=rtl] .fill-blanks-feedback.negative{border-right-color:var(--error,#ef4444)}[dir=rtl] .input-container .answer-indicator{left:10px;right:auto}.fill-blanks-text div[dangerouslySetInnerHTML]{line-height:1.6}.fill-blanks-text div[dangerouslySetInnerHTML] p,.fill-blanks-text div[dangerouslySetInnerHTML] span{margin:0;display:inline}.fill-blanks-text input{vertical-align:middle;margin:0 .25rem;display:inline-block}[lang=ar] .fill-blanks-text div[dangerouslySetInnerHTML],[dir=rtl] .fill-blanks-text div[dangerouslySetInnerHTML],.fill-blanks-text div[dangerouslySetInnerHTML] [lang=ar]{text-align:right;font-size:1.2rem;line-height:1.8}.fill-blanks-text div[dangerouslySetInnerHTML] ul,.fill-blanks-text div[dangerouslySetInnerHTML] ol,.explanation-text div[dangerouslySetInnerHTML] ul,.explanation-text div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem;display:block}[dir=rtl] .fill-blanks-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .fill-blanks-text div[dangerouslySetInnerHTML] ol,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.blank-input-wrapper{vertical-align:middle;margin:0 .25rem;display:inline-flex;position:relative}.fill-blanks-input{border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-sm,4px);background-color:var(--white,#fff);vertical-align:middle;min-width:100px;padding:.375rem .5rem;font-family:inherit;font-size:1rem;transition:all .2s;display:inline-block}.score-feedback{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--grey-400,#9ca3af);margin-top:1rem;padding:1rem 1.5rem}.score-feedback.correct{border-left-color:var(--success,#10b981)}.score-feedback.incorrect{border-left-color:var(--error,#ef4444)}.score-value{color:var(--grey-800,#1f2937);font-size:1rem;font-weight:500}.input-focused{z-index:10;position:relative}.input-focused .fill-blanks-input{border-color:var(--primary,#3b82f6);box-shadow:0 0 0 2px #3b82f640}.mcq-exercise{flex-direction:column;gap:1.5rem;display:flex}.mcq-image-container{text-align:center;margin-bottom:1rem}.mcq-image{border-radius:var(--radius-md,8px);max-width:100%;max-height:300px;box-shadow:var(--shadow-sm,0 1px 2px #0000000d)}.mcq-question{color:var(--grey-900,#111827);background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);padding:1.25rem;font-size:1.125rem;line-height:1.5}.mcq-question p{margin:0}.mcq-question div[dangerouslySetInnerHTML] p,.mcq-question div[dangerouslySetInnerHTML] span{margin:.25rem 0;line-height:1.6}.mcq-question img{max-width:100%;height:auto}.mcq-options{flex-direction:column;gap:.75rem;margin:.5rem 0;display:flex}.mcq-option{border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);text-align:left;cursor:pointer;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.mcq-option:hover:not(:disabled){border-color:var(--grey-400,#9ca3af);background-color:var(--grey-50,#f9fafb)}.mcq-option:disabled{cursor:default}.mcq-option.selected{border-color:var(--primary,#3b82f6);background-color:#3b82f60d}.mcq-option.correct{border-color:var(--success,#10b981);background-color:#10b9810d}.mcq-option.incorrect{border-color:var(--error,#ef4444);background-color:#ef44440d}.mcq-option.revealed-correct{border-color:var(--success,#10b981);background-color:#10b9810d;animation:1s ease-in-out pulse}.option-marker{border-radius:var(--radius-full,9999px);background-color:var(--grey-100,#f3f4f6);width:32px;min-width:32px;height:32px;color:var(--grey-700,#374151);justify-content:center;align-items:center;margin-right:.75rem;font-weight:500;display:flex}.mcq-option.selected .option-marker{background-color:var(--primary,#3b82f6);color:var(--white,#fff)}.mcq-option.correct .option-marker,.mcq-option.revealed-correct .option-marker{background-color:var(--success,#10b981);color:var(--white,#fff)}.mcq-option.incorrect .option-marker{background-color:var(--error,#ef4444);color:var(--white,#fff)}.option-content{color:var(--grey-800,#1f2937);flex:1;font-size:1rem}.option-icon{margin-left:.75rem}.option-icon.correct{color:var(--success,#10b981)}.option-content div[dangerouslySetInnerHTML]{align-items:center;line-height:1.5;display:flex}.mcq-explanation{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--info,#3b82f6);padding:1rem 1.25rem;animation:.3s ease-in-out fade-in}.mcq-explanation.correct{border-left:4px solid var(--success,#10b981)}.mcq-explanation.incorrect{border-left:4px solid var(--error,#ef4444)}.explanation-header h4{color:var(--grey-900,#111827);margin:0}.mcq-explanation.correct .explanation-header{color:var(--success,#10b981)}.mcq-explanation.incorrect .explanation-header{color:var(--error,#ef4444)}.mcq-explanation p{color:var(--grey-700,#374151);margin:0}.explanation-text div[dangerouslySetInnerHTML] p,.explanation-text div[dangerouslySetInnerHTML] span{margin:.5rem 0;line-height:1.6}.explanation-text img{max-width:100%;height:auto}.mcq-actions{justify-content:center;margin-top:.5rem;display:flex}@media (width<=768px){.mcq-question{padding:1rem;font-size:1rem}.mcq-option{padding:.625rem .875rem}.option-marker{width:28px;min-width:28px;height:28px;margin-right:.5rem;font-size:.875rem}.option-content{font-size:.875rem}.mcq-explanation{padding:.875rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}@media (width<=480px){.mcq-image{max-height:200px}.mcq-question{padding:.875rem;font-size:.9375rem}.mcq-options{gap:.5rem}.mcq-option{padding:.5rem .75rem}.option-marker{width:24px;min-width:24px;height:24px;font-size:.8125rem}}[dir=rtl] .mcq-question{border-left:none;border-right:4px solid var(--primary,#3b82f6)}[dir=rtl] .mcq-question div[dangerouslySetInnerHTML],.mcq-question div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:2}[dir=rtl] .mcq-option{text-align:right}[dir=rtl] .option-icon{margin-left:0;margin-right:.75rem}[dir=rtl] .mcq-explanation.correct,[dir=rtl] .mcq-explanation.incorrect{border-left:none;border-right:4px solid var(--success,#10b981)}[dir=rtl] .mcq-explanation.incorrect{border-right-color:var(--error,#ef4444)}[dir=rtl] .explanation-text div[dangerouslySetInnerHTML],.explanation-text div[dangerouslySetInnerHTML] [lang=ar]{text-align:right;font-size:1.1rem;line-height:1.8}[dir=rtl] .option-content div[dangerouslySetInnerHTML]{text-align:right;font-size:1.1rem}.mcq-question div[dangerouslySetInnerHTML],.mcq-html-content{line-height:1.6}.mcq-question div[dangerouslySetInnerHTML] p,.mcq-question div[dangerouslySetInnerHTML] span,.mcq-html-content p,.mcq-html-content span{margin-bottom:.75rem}.mcq-question div[dangerouslySetInnerHTML] p:last-child,.mcq-question div[dangerouslySetInnerHTML] span:last-child,.mcq-html-content p:last-child,.mcq-html-content span:last-child{margin-bottom:0}.explanation-text div[dangerouslySetInnerHTML]{margin-top:.5rem;line-height:1.6}[lang=ar] .mcq-question div[dangerouslySetInnerHTML],[dir=rtl] .mcq-question div[dangerouslySetInnerHTML],.mcq-question div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .mcq-html-content,[dir=rtl] .mcq-html-content,.mcq-html-content [lang=ar],[lang=ar] .explanation-text div[dangerouslySetInnerHTML],[dir=rtl] .explanation-text div[dangerouslySetInnerHTML],.explanation-text div[dangerouslySetInnerHTML] [lang=ar]{text-align:right;font-size:1.2rem;line-height:1.8}.mcq-question div[dangerouslySetInnerHTML] ul,.mcq-question div[dangerouslySetInnerHTML] ol,.mcq-html-content ul,.mcq-html-content ol,.explanation-text div[dangerouslySetInnerHTML] ul,.explanation-text div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .mcq-question div[dangerouslySetInnerHTML] ul,[dir=rtl] .mcq-question div[dangerouslySetInnerHTML] ol,[dir=rtl] .mcq-html-content ul,[dir=rtl] .mcq-html-content ol,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation-text div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.mcq-options label span{vertical-align:middle}.mcq-error{background-color:#fff1f0;border:1px solid #ffa39e;border-radius:4px;margin-bottom:20px;padding:20px}.mcq-error-message{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:16px;display:flex}.mcq-error-message svg{color:#f5222d}.mcq-error-message h3{color:#f5222d;margin:0;font-size:18px}.mcq-error-message p{color:#434343;margin:0}.mcq-exercise-list{flex-direction:column;gap:1.5rem;display:flex}.mcq-exercise-list .exercise-list-header{text-align:center;margin-bottom:1.5rem}.mcq-exercise-list .exercise-list-header h3{color:var(--grey-900,#111827);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.mcq-exercise-list .exercise-progress{color:var(--white,#fff);background-color:var(--primary,#3b82f6);border-radius:var(--radius-full,9999px);margin:0;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.mcq-exercise-list .exercise-list{flex-direction:column;gap:1.5rem;display:flex}.mcq-exercise-list .exercise-item{background-color:var(--white,#fff);border:2px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-lg,12px);gap:1rem;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 6px #0000000d,0 2px 4px #00000008}.mcq-exercise-list .exercise-item:hover{box-shadow:0 8px 15px #0000001a,0 4px 6px #0000000d}.mcq-exercise-list .exercise-item.submitted{border-width:2px}.mcq-exercise-list .exercise-item.correct{border-color:var(--success,#10b981);background-color:#10b98105;box-shadow:0 4px 6px #10b9811a,0 2px 4px #10b9810d}.mcq-exercise-list .exercise-item.incorrect{border-color:var(--error,#ef4444);background-color:#ef444405;box-shadow:0 4px 6px #ef44441a,0 2px 4px #ef44440d}.mcq-exercise-list .exercise-number{background-color:var(--primary,#3b82f6);width:36px;min-width:36px;height:36px;color:var(--white,#fff);border-radius:var(--radius-full,9999px);justify-content:center;align-items:center;margin-top:.25rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 2px 4px #3b82f633}.mcq-exercise-list .exercise-item.correct .exercise-number{background-color:var(--success,#10b981);box-shadow:0 2px 4px #10b98133}.mcq-exercise-list .exercise-item.incorrect .exercise-number{background-color:var(--error,#ef4444);box-shadow:0 2px 4px #ef444433}.mcq-exercise-list .exercise-content{flex-direction:column;flex:1;gap:1rem;display:flex}.mcq-exercise-list .mcq-question{color:var(--grey-900,#111827);background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);padding:1rem;font-size:1.125rem;line-height:1.5}.mcq-exercise-list .mcq-options{flex-direction:column;gap:.75rem;display:flex}.mcq-exercise-list .mcq-option{border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);color:var(--grey-700,#374151);cursor:pointer;text-align:left;align-items:center;gap:.75rem;padding:.875rem 1rem;font-size:.95rem;transition:all .2s;display:flex}.mcq-exercise-list .mcq-option:hover:not(:disabled){border-color:var(--grey-400,#9ca3af);background-color:var(--grey-50,#f9fafb);box-shadow:0 2px 4px #0000000d}.mcq-exercise-list .mcq-option:disabled{cursor:default}.mcq-exercise-list .mcq-option.selected{border-color:var(--primary,#3b82f6);background-color:#3b82f60d}.mcq-exercise-list .mcq-option.correct{border-color:var(--success,#10b981);color:var(--success,#10b981);background-color:#10b9810d}.mcq-exercise-list .mcq-option.incorrect{border-color:var(--error,#ef4444);color:var(--error,#ef4444);background-color:#ef44440d}.mcq-exercise-list .mcq-option.revealed-correct{border-color:var(--success,#10b981);color:var(--success,#10b981);background-color:#10b9810d}.mcq-exercise-list .option-marker{background-color:var(--grey-200,#e5e7eb);width:28px;min-width:28px;height:28px;color:var(--grey-600,#6b7280);border-radius:var(--radius-full,9999px);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.mcq-exercise-list .mcq-option.selected .option-marker{background-color:var(--primary,#3b82f6);color:var(--white,#fff)}.mcq-exercise-list .mcq-option.correct .option-marker,.mcq-exercise-list .mcq-option.revealed-correct .option-marker{background-color:var(--success,#10b981);color:var(--white,#fff)}.mcq-exercise-list .mcq-option.incorrect .option-marker{background-color:var(--error,#ef4444);color:var(--white,#fff)}.mcq-exercise-list .option-content{flex:1;line-height:1.4}.mcq-exercise-list .option-icon{margin-left:auto}.mcq-exercise-list .feedback{border-radius:var(--radius-md,8px);margin-top:.75rem;padding:.75rem;font-size:.875rem;font-weight:500}.mcq-exercise-list .feedback.correct{background-color:#10b9811a;border:1px solid #10b9814d}.mcq-exercise-list .feedback.incorrect{background-color:#ef44441a;border:1px solid #ef44444d}.mcq-exercise-list .feedback-text.correct{color:var(--success,#10b981)}.mcq-exercise-list .feedback-text.incorrect{color:var(--error,#ef4444)}.mcq-exercise-list .mcq-actions{text-align:center;border-top:2px solid var(--grey-200,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.mcq-exercise-list .submit-button{background-color:var(--primary,#3b82f6);min-width:200px;color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;border:none;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #3b82f633}.mcq-exercise-list .submit-button:hover:not(:disabled){background-color:var(--primary-dark,#2563eb);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.mcq-exercise-list .submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mcq-exercise-list .results-summary{background:linear-gradient(135deg,var(--grey-50,#f9fafb)0%,var(--grey-100,#f3f4f6)100%);border:2px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-lg,12px);text-align:center;margin-top:2rem;padding:1.5rem}.mcq-exercise-list .summary{border-radius:var(--radius-md,8px);padding:1rem;font-weight:600}.mcq-exercise-list .summary.good{border:2px solid var(--success,#10b981);color:var(--success,#10b981);background-color:#10b9811a}.mcq-exercise-list .summary.needs-improvement{border:2px solid var(--error,#ef4444);color:var(--error,#ef4444);background-color:#ef44441a}.mcq-exercise-list .summary-text{font-size:1.125rem}.mcq-exercise-list .mcq-error{border-color:var(--error,#ef4444);background-color:#ef44440d}.mcq-exercise-list .mcq-error-message{text-align:center;color:var(--error,#ef4444);flex-direction:column;align-items:center;gap:.5rem;display:flex}.mcq-exercise-list .mcq-error-message h4{margin:0;font-size:1rem}.mcq-exercise-list .mcq-error-message p{margin:0;font-size:.875rem}.mcq-exercise-list .mcq-image-container{margin-bottom:1rem}.mcq-exercise-list .mcq-image{border-radius:var(--radius-md,8px);max-width:100%;height:auto;box-shadow:0 2px 4px #0000001a}@media (width<=768px){.mcq-exercise-list .exercise-item{flex-direction:column;gap:.75rem;padding:1.25rem}.mcq-exercise-list .exercise-number{align-self:flex-start;width:32px;height:32px;margin-top:0;font-size:.875rem}.mcq-exercise-list .mcq-question{padding:.875rem;font-size:1rem}.mcq-exercise-list .mcq-options{gap:.5rem}.mcq-exercise-list .mcq-option{padding:.75rem .875rem;font-size:.9rem}.mcq-exercise-list .option-marker{width:24px;height:24px;font-size:.8125rem}.mcq-exercise-list .submit-button{width:100%;min-width:auto;padding:.875rem 1.5rem;font-size:1rem}.mcq-exercise-list .results-summary{padding:1rem}.mcq-exercise-list .summary-text{font-size:1rem}}[dir=rtl] .mcq-exercise-list .exercise-item{flex-direction:row-reverse}[dir=rtl] .mcq-exercise-list .mcq-question{border-left:none;border-right:4px solid var(--primary,#3b82f6)}[dir=rtl] .mcq-exercise-list .mcq-option{flex-direction:row-reverse}@media (width<=768px){[dir=rtl] .mcq-exercise-list .exercise-item{flex-direction:column}}.matching-exercise{flex-direction:column;gap:1.5rem;display:flex}.matching-content{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);flex-direction:column;gap:1.5rem;padding:1.25rem;display:flex}.matching-columns{gap:2rem;display:flex}.matching-column{flex-direction:column;flex:1;gap:.75rem;display:flex}.matching-item{background-color:var(--white,#fff);border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-md,8px);cursor:pointer;color:var(--grey-900,#111827);-webkit-user-select:none;user-select:none;padding:.75rem 1rem;font-size:24px;line-height:1.5;transition:all .2s}.matching-item:hover:not(.matched){border-color:var(--grey-400,#9ca3af);background-color:var(--grey-50,#f9fafb)}.matching-item.active{border-color:var(--primary,#3b82f6);background-color:#3b82f60d}.matching-item.matched{opacity:.7;border-color:var(--grey-300,#d1d5db);background-color:var(--grey-100,#f3f4f6);cursor:default}.matching-results{margin-top:1rem}.matching-results h4{color:var(--grey-900,#111827);margin-top:0;margin-bottom:.75rem;font-size:1rem;font-weight:600}.no-matches{color:var(--grey-500,#6b7280);margin-top:.5rem;font-style:italic}.matching-pairs{flex-direction:column;gap:.5rem;display:flex}.matching-pair{background-color:var(--white,#fff);border:1px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-md,8px);align-items:center;padding:.625rem .875rem;font-size:.9375rem;display:flex}.matching-pair.correct{border-color:var(--success,#10b981);background-color:#10b9810d}.matching-pair.incorrect{border-color:var(--error,#ef4444);background-color:#ef44440d}.pair-left{flex:1;font-weight:500}.pair-arrow{color:var(--grey-400,#9ca3af);margin:0 .75rem}.pair-right{flex:1}.pair-status{align-items:center;margin-left:.75rem;display:flex}.matching-pair.correct .pair-status{color:var(--success,#10b981)}.matching-pair.incorrect .pair-status{color:var(--error,#ef4444)}.remove-pair{background-color:var(--grey-100,#f3f4f6);width:24px;height:24px;color:var(--grey-500,#6b7280);border-radius:var(--radius-full,9999px);cursor:pointer;border:none;justify-content:center;align-items:center;margin-left:.5rem;font-size:1.125rem;line-height:1;transition:all .2s;display:flex}.remove-pair:hover{background-color:var(--grey-200,#e5e7eb);color:var(--grey-700,#374151)}.matching-feedback{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);margin-top:.5rem;padding:1rem 1.5rem;animation:.3s ease-in-out fade-in}.matching-feedback.positive{border-left:4px solid var(--success,#10b981)}.matching-feedback.negative{border-left:4px solid var(--error,#ef4444)}.matching-feedback h4{color:var(--grey-900,#111827);margin-top:0;margin-bottom:.5rem}.matching-feedback p{color:var(--grey-700,#374151);margin:0}.matching-actions{flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.matching-hint{color:var(--grey-600,#4b5563);margin:0;font-size:.875rem}.submit-button{background-color:var(--primary,#3b82f6);color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;border:none;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:background-color .2s}@media (width<=768px){.matching-content{padding:1rem}.matching-columns{flex-direction:column;gap:1rem}.matching-item{padding:.625rem .875rem;font-size:.9375rem}.matching-pair{padding:.5rem .75rem;font-size:.875rem}.pair-arrow{margin:0 .5rem}.remove-pair{width:20px;height:20px;font-size:1rem}.matching-feedback{padding:.875rem 1rem}.submit-button{width:100%;padding:.75rem 1rem}}@media (width<=480px){.matching-content{padding:.875rem}.matching-item{padding:.5rem .75rem;font-size:.875rem}.matching-pair{padding:.375rem .625rem;font-size:.8125rem}}[dir=rtl] .matching-content{border-left:none;border-right:4px solid var(--primary,#3b82f6)}[dir=rtl] .pair-arrow{transform:scaleX(-1)}[dir=rtl] .pair-status,[dir=rtl] .remove-pair{margin-left:0;margin-right:.5rem}[dir=rtl] .matching-feedback.positive,[dir=rtl] .matching-feedback.negative{border-left:none;border-right:4px solid var(--success,#10b981)}[dir=rtl] .matching-feedback.negative{border-right-color:var(--error,#ef4444)}.matching-html-content{line-height:1.5;display:inline-flex}.matching-html-content p,.matching-html-content span{margin:0}[lang=ar] .matching-html-content,[dir=rtl] .matching-html-content,.matching-html-content [lang=ar]{text-align:right;font-size:1.1rem;line-height:1.7}.matching-item .matching-html-content{max-width:100%;overflow:hidden}.pair-left .matching-html-content,.pair-right .matching-html-content{vertical-align:middle;display:inline-flex}.explanation-text .matching-html-content{margin:.5rem 0}.matching-results-summary{border-radius:var(--radius-md,8px);background-color:var(--grey-50,#f9fafb);border:1px solid var(--grey-200,#e5e7eb);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding:1rem;display:flex}.score-display{flex:1}.score-display.good{color:var(--success,#10b981)}.score-display.needs-improvement{color:var(--error,#ef4444)}.score-text{font-size:1rem;font-weight:600}.short-answer-exercise{flex-direction:column;gap:1.5rem;display:flex}.short-answer-question{color:var(--grey-900,#111827);background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);padding:1.25rem;font-size:1.125rem;line-height:1.5}.short-answer-question p{margin:0}.short-answer-input-container{flex-direction:column;gap:.5rem;display:flex}.short-answer-input{border:2px solid var(--grey-300,#d1d5db);border-radius:var(--radius-md,8px);resize:vertical;background-color:var(--white,#fff);width:100%;min-height:120px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5;transition:all .2s}.short-answer-input:focus{border-color:var(--primary,#3b82f6);outline:none;box-shadow:0 0 0 2px #3b82f640}.short-answer-input:disabled{background-color:var(--grey-50,#f9fafb);cursor:not-allowed}.short-answer-input.invalid-length{border-color:var(--warning,#f59e0b)}.character-count{color:var(--grey-500,#6b7280);justify-content:space-between;align-items:center;padding:0 .25rem;font-size:.875rem;display:flex}.character-count .almost-full,.min-length-warning{color:var(--warning,#f59e0b)}.short-answer-feedback{background-color:var(--grey-50,#f9fafb);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary,#3b82f6);padding:1.25rem;animation:.3s ease-in-out fade-in}.feedback-header{color:var(--primary,#3b82f6);align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.feedback-header h4{color:var(--grey-900,#111827);margin:0;font-size:1.125rem}.keyword-match-info{margin-bottom:1rem}.keyword-match-info p{color:var(--grey-700,#374151);margin:0}.model-answer,.explanation{border-top:1px solid var(--grey-200,#e5e7eb);margin-top:1rem;padding-top:1rem}.model-answer h5,.explanation h5{color:var(--grey-900,#111827);margin:0 0 .5rem;font-size:1rem}.model-answer p,.explanation p{color:var(--grey-700,#374151);margin:0;line-height:1.5}.short-answer-actions{flex-direction:column;align-items:center;gap:1rem;margin-top:.5rem;display:flex}.submit-button{background-color:var(--primary,#3b82f6);color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;border:none;min-width:10rem;padding:.75rem 2rem;font-size:1rem;font-weight:500;transition:background-color .2s}.submit-button:disabled{opacity:.5;cursor:not-allowed}.keywords-hint{background-color:var(--grey-50,#f9fafb);border:1px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-md,8px);align-items:flex-start;gap:.5rem;max-width:30rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.hint-icon{color:var(--grey-400,#9ca3af);margin-top:.125rem}.keywords-hint p{color:var(--grey-600,#4b5563);margin:0;line-height:1.4}@media (width<=768px){.short-answer-question{padding:1rem;font-size:1rem}.short-answer-input{min-height:100px;padding:.75rem;font-size:.9375rem}.short-answer-feedback{padding:1rem}.feedback-header h4{font-size:1rem}.submit-button{width:100%;padding:.75rem 1rem}.keywords-hint{padding:.625rem .875rem;font-size:.8125rem}}@media (width<=480px){.short-answer-question{padding:.875rem;font-size:.9375rem}.short-answer-input{min-height:80px;padding:.625rem;font-size:.875rem}.character-count{font-size:.75rem}.short-answer-feedback{padding:.875rem}.feedback-header h4,.model-answer h5,.explanation h5{font-size:.9375rem}}[dir=rtl] .short-answer-question,[dir=rtl] .short-answer-feedback{border-left:none;border-right:4px solid var(--primary,#3b82f6)}.short-answer-question div[dangerouslySetInnerHTML]{line-height:1.6}.short-answer-question div[dangerouslySetInnerHTML] p,.short-answer-question div[dangerouslySetInnerHTML] span{margin-bottom:.75rem}.short-answer-question div[dangerouslySetInnerHTML] p:last-child,.short-answer-question div[dangerouslySetInnerHTML] span:last-child{margin-bottom:0}.model-answer div[dangerouslySetInnerHTML],.explanation div[dangerouslySetInnerHTML]{margin-top:.5rem;line-height:1.6}[lang=ar] .short-answer-question div[dangerouslySetInnerHTML],[dir=rtl] .short-answer-question div[dangerouslySetInnerHTML],.short-answer-question div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .model-answer div[dangerouslySetInnerHTML],[dir=rtl] .model-answer div[dangerouslySetInnerHTML],.model-answer div[dangerouslySetInnerHTML] [lang=ar],[lang=ar] .explanation div[dangerouslySetInnerHTML],[dir=rtl] .explanation div[dangerouslySetInnerHTML],.explanation div[dangerouslySetInnerHTML] [lang=ar]{text-align:right;font-size:1.2rem;line-height:1.8}.short-answer-question div[dangerouslySetInnerHTML] ul,.short-answer-question div[dangerouslySetInnerHTML] ol,.model-answer div[dangerouslySetInnerHTML] ul,.model-answer div[dangerouslySetInnerHTML] ol,.explanation div[dangerouslySetInnerHTML] ul,.explanation div[dangerouslySetInnerHTML] ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .short-answer-question div[dangerouslySetInnerHTML] ul,[dir=rtl] .short-answer-question div[dangerouslySetInnerHTML] ol,[dir=rtl] .model-answer div[dangerouslySetInnerHTML] ul,[dir=rtl] .model-answer div[dangerouslySetInnerHTML] ol,[dir=rtl] .explanation div[dangerouslySetInnerHTML] ul,[dir=rtl] .explanation div[dangerouslySetInnerHTML] ol{padding-left:0;padding-right:1.5rem}.extract-exercise{flex-direction:column;gap:16px;width:100%;display:flex}.extract-instruction{background-color:var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);align-items:flex-start;gap:12px;margin-bottom:8px;padding:12px 16px;display:flex}.extract-instruction svg{color:var(--primary,#3c64b1);flex-shrink:0;margin-top:3px}.extract-instruction p{margin:0;font-size:1rem;line-height:1.5}.extract-text-container{border:1px solid var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);-webkit-user-select:text;user-select:text;cursor:text;max-height:300px;padding:16px;transition:border-color .2s;position:relative;overflow-y:auto}.extract-text-container:hover:not(.is-submitted){border-color:var(--primary,#3c64b1)}.extract-text-container.is-submitted{-webkit-user-select:none;user-select:none;cursor:default}.extract-text{white-space:pre-wrap;font-size:1rem;line-height:1.7}.highlighted-correct{background-color:#19875433;border-radius:3px;padding:2px 0}.extract-selections{border:1px solid var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);padding:16px}.selections-title{color:var(--black,#2c3e50);margin:0 0 12px;font-size:1rem}.selections-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.selection-item{background-color:var(--primary-light,#e1e8f5);border-radius:var(--radius-sm,4px);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.selection-text{word-break:break-word;flex:1;font-size:.95rem;line-height:1.5}.remove-selection-button{cursor:pointer;color:var(--gray,#6c757d);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s,color .2s;display:flex}.remove-selection-button:hover{color:var(--black,#2c3e50);background-color:#0000001a}.no-selections{color:var(--gray,#6c757d);margin:0;font-style:italic}.extract-explanation{border-radius:var(--radius-md,8px);margin-top:8px;padding:16px}.extract-explanation.correct{background-color:#1987541a;border:1px solid #19875433}.extract-explanation.incorrect{background-color:#dc35451a;border:1px solid #dc354533}.explanation-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.explanation-header h4{margin:0;font-size:1rem}.correct-extracts{margin-top:12px}.correct-extracts h5{margin:0 0 8px;font-size:.9rem}.correct-extracts ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.correct-extract-item{align-items:flex-start;gap:8px;display:flex}.check-icon{color:var(--success,#198754);margin-top:3px}.explanation-text{margin-top:12px;font-size:.95rem;line-height:1.5}.extract-actions{gap:12px;margin-top:8px;display:flex}.submit-button{background-color:var(--primary,#3c64b1);color:var(--white,#fff);border-radius:var(--radius-sm,4px);cursor:pointer;border:none;padding:10px 16px;font-weight:600;transition:background-color .2s}.submit-button:disabled{background-color:var(--gray,#6c757d);cursor:not-allowed;opacity:.7}.clear-selections-button{color:var(--primary,#3c64b1);border:1px solid var(--primary,#3c64b1);border-radius:var(--radius-sm,4px);cursor:pointer;background-color:#0000;padding:10px 16px;font-weight:600;transition:background-color .2s,color .2s}.clear-selections-button:hover:not(:disabled){background-color:var(--primary-light,#e1e8f5)}.clear-selections-button:disabled{color:var(--gray,#6c757d);border-color:var(--gray,#6c757d);cursor:not-allowed;opacity:.7}@media (width<=768px){.extract-instruction{padding:10px 12px}.extract-text-container{padding:12px}.extract-actions{flex-direction:column}.submit-button,.clear-selections-button{width:100%}}[dir=rtl] .extract-instruction,[dir=rtl] .selection-item,[dir=rtl] .explanation-header,[dir=rtl] .correct-extract-item{flex-direction:row-reverse}.extract-html-content{margin:.5rem 0;line-height:1.7}.extract-html-content p,.extract-html-content span{margin-bottom:.75rem}.extract-html-content p:last-child,.extract-html-content span:last-child{margin-bottom:0}[lang=ar] .extract-html-content,[dir=rtl] .extract-html-content,.extract-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:1.8}.extract-instruction .extract-html-content{vertical-align:middle;margin-left:.75rem;display:inline-block}[dir=rtl] .extract-instruction .extract-html-content{margin-left:0;margin-right:.75rem}.extract-text div[dangerouslySetInnerHTML]{-webkit-user-select:text;user-select:text}.extract-html-content ul,.extract-html-content ol{margin:.75rem 0;padding-left:1.5rem}[dir=rtl] .extract-html-content ul,[dir=rtl] .extract-html-content ol{padding-left:0;padding-right:1.5rem}.extract-exercise-list{flex-direction:column;gap:1.5rem;display:flex}.extract-exercise-list .exercise-list-header{text-align:center;margin-bottom:1rem}.extract-exercise-list .exercise-list-header h3{color:var(--grey-900,#111827);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.extract-exercise-list .exercise-progress{color:var(--grey-600,#6b7280);margin:0;font-size:.875rem}.extract-exercise-list .exercise-list{flex-direction:column;gap:1.25rem;display:flex}.extract-exercise-list .exercise-item{border:2px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-lg,12px);background-color:var(--white,#fff);gap:1rem;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 4px #0000000d}.extract-exercise-list .exercise-item.submitted{border-width:2px}.extract-exercise-list .exercise-item.correct{border-color:var(--success,#10b981);background-color:#10b98105}.extract-exercise-list .exercise-item.incorrect{border-color:var(--error,#ef4444);background-color:#ef444405}.extract-exercise-list .exercise-number{background-color:var(--primary,#3b82f6);width:32px;min-width:32px;height:32px;color:var(--white,#fff);border-radius:var(--radius-full,9999px);justify-content:center;align-items:center;margin-top:.25rem;font-size:.875rem;font-weight:600;display:flex}.extract-exercise-list .exercise-item.correct .exercise-number{background-color:var(--success,#10b981)}.extract-exercise-list .exercise-item.incorrect .exercise-number{background-color:var(--error,#ef4444)}.extract-exercise-list .exercise-content{flex-direction:column;flex:1;gap:1rem;display:flex}.feedback{border-radius:var(--radius-md,8px);justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem 1rem;display:flex}.feedback.correct{color:var(--success,#10b981);background-color:#10b9811a;border:1px solid #10b98133}.feedback.incorrect{color:var(--error,#ef4444);background-color:#ef44441a;border:1px solid #ef444433}.feedback-content{flex:1}.feedback-text{font-size:.875rem;font-weight:500}.retry-button{border-radius:var(--radius-sm,4px);color:#374151;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #d1d5db;align-items:center;gap:.25rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.retry-button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.retry-button:disabled{opacity:.6;cursor:not-allowed}.retry-loading{animation:1s linear infinite spin}.retry-all-button{border:2px solid var(--primary,#3b82f6);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);color:var(--primary,#3b82f6);cursor:pointer;white-space:nowrap;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.retry-all-button:hover:not(:disabled){background-color:var(--primary,#3b82f6);color:var(--white,#fff)}.retry-all-button:disabled{opacity:.6;cursor:not-allowed}.retry-progress{color:var(--primary,#3b82f6);border-radius:var(--radius-sm,4px);background-color:#3b82f61a;align-items:center;gap:.5rem;margin-left:1rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.results-summary{border-radius:var(--radius-lg,12px);text-align:center;margin-top:1.5rem;padding:1.25rem}.summary{border-radius:var(--radius-md,8px);padding:1rem;font-weight:600}.summary.good{border:2px solid var(--success,#10b981);color:var(--success,#10b981);background-color:#10b9811a}.summary.needs-improvement{border:2px solid var(--error,#ef4444);color:var(--error,#ef4444);background-color:#ef44441a}.summary-text{font-size:1.125rem}.correct-extracts-display{border-radius:var(--radius-md,8px);background-color:#10b9810d;border:1px solid #10b98133;margin-top:.75rem;padding:.75rem}.correct-extracts-label{color:var(--success,#10b981);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.correct-extracts-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.correct-extract-item{border-radius:var(--radius-sm,4px);color:var(--success,#10b981);background-color:#10b9811a;align-items:center;gap:.5rem;padding:.5rem;font-size:.875rem;display:flex}.correct-extract-item svg{color:var(--success,#10b981);flex-shrink:0}@media (width<=768px){.extract-exercise-list .exercise-item{flex-direction:column;gap:.75rem;padding:1rem}.extract-exercise-list .exercise-number{align-self:flex-start;margin-top:0}.results-summary{padding:1rem}.summary-text{font-size:1rem}}.exercise-group{background:var(--white,#fff);border:2px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-lg,12px);margin-bottom:2rem;transition:all .3s;overflow:hidden;box-shadow:0 4px 6px #0000000d}.exercise-group:last-child{margin-bottom:0}.exercise-group-header{background:linear-gradient(135deg,var(--grey-50,#f9fafb)0%,var(--grey-100,#f3f4f6)100%);border-bottom:1px solid var(--grey-200,#e5e7eb);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.exercise-group-header:focus{outline:2px solid var(--primary,#3b82f6);outline-offset:2px}.exercise-group-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.exercise-group-title{color:var(--grey-900,#111827);margin:0;font-size:1.25rem;font-weight:600;line-height:1.2;transition:color .2s}.exercise-group-count{color:var(--grey-600,#6b7280);text-transform:capitalize;font-size:.875rem;font-weight:500;transition:color .2s}.exercise-group-toggle{border-radius:var(--radius-full,9999px);background:var(--grey-200,#e5e7eb);width:32px;height:32px;color:var(--grey-600,#6b7280);justify-content:center;align-items:center;transition:all .2s;display:flex}.exercise-group-header:hover .exercise-group-toggle{color:var(--white,#fff);background:#fff3;transform:scale(1.1)}.exercise-group-content{transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.exercise-group-content.expanded{opacity:1;max-height:none;padding:1.5rem}.exercise-group-content.collapsed{opacity:0;max-height:0;padding:0 1.5rem}.exercise-group:first-child .exercise-group-header{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.exercise-group:nth-child(2) .exercise-group-header{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%)}.exercise-group:nth-child(3) .exercise-group-header{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.exercise-group:nth-child(4) .exercise-group-header{background:linear-gradient(135deg,#fce7f3 0%,#fbcfe8 100%)}.exercise-group:nth-child(5) .exercise-group-header{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%)}.exercise-group:nth-child(6) .exercise-group-header{background:linear-gradient(135deg,#fef2f2 0%,#fecaca 100%)}.exercise-group .true-false-exercise-list{box-shadow:none;background:0 0;border:none;gap:1.25rem;padding:0}.exercise-group .exercise-list-header{text-align:left;border:none;margin-bottom:1.5rem;padding:0}.exercise-group .exercise-list-header h3{display:none}.exercise-group .exercise-progress{background-color:var(--primary,#3b82f6);color:var(--white,#fff);border-radius:var(--radius-full,9999px);margin-bottom:1rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.exercise-group .results-summary{background:linear-gradient(135deg,var(--grey-50,#f9fafb)0%,var(--grey-100,#f3f4f6)100%);border:2px solid var(--grey-200,#e5e7eb);border-radius:var(--radius-lg,12px);margin-top:2rem;padding:1.5rem}.exercise-group .true-false-actions{text-align:center;border-top:2px solid var(--grey-200,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.exercise-group .exercise-item{border:2px solid var(--grey-100,#f3f4f6);background:var(--white,#fff);border-radius:var(--radius-lg,12px);margin-bottom:1.5rem}.exercise-group .exercise-item:last-child{margin-bottom:0}.exercise-group-content .multiple-choice-exercise,.exercise-group-content .fill-blanks-exercise,.exercise-group-content .matching-exercise,.exercise-group-content .short-answer-exercise,.exercise-group-content .extract-exercise{background:0 0;border:none;margin:0;padding:0}.exercise-group.loading{opacity:.7;pointer-events:none}.exercise-group.loading .exercise-group-header{cursor:wait}.exercise-group.completed .exercise-group-header{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%)}.exercise-group.completed .exercise-group-header:after{content:"✓";border-radius:var(--radius-full,9999px);background:var(--success,#10b981);width:24px;height:24px;color:var(--white,#fff);justify-content:center;align-items:center;margin-left:.5rem;font-size:.875rem;font-weight:700;display:inline-flex}@media (width<=768px){.exercise-group{margin-bottom:1.5rem}.exercise-group-header{padding:1rem 1.25rem}.exercise-group-title{font-size:1.125rem}.exercise-group-content.expanded{padding:1.25rem}.exercise-group-info{gap:.125rem}.exercise-group-count{font-size:.8125rem}.exercise-group-toggle{width:28px;height:28px}}@media (width<=480px){.exercise-group{margin-bottom:1rem}.exercise-group-header{padding:.875rem 1rem}.exercise-group-title{font-size:1rem}.exercise-group-content.expanded{padding:1rem}.exercise-group-toggle{width:24px;height:24px}}[dir=rtl] .exercise-group-header{flex-direction:row-reverse}[dir=rtl] .exercise-group-info{text-align:right}@media (prefers-contrast:high){.exercise-group{border-width:3px}.exercise-group-header{border-bottom-width:2px}}@media (prefers-reduced-motion:reduce){.exercise-group,.exercise-group-header,.exercise-group-content,.exercise-group-toggle{transition:none}.exercise-group:hover{transform:none}}.exercise-task-viewer{background-color:#f8f9fa;border-radius:12px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d}.task-completion-hint{background-color:rgba(var(--primary-rgb),.1);color:var(--primary);border-radius:8px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;font-size:.95rem;display:flex}.exercise-task-loading,.exercise-task-error,.exercise-task-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:240px;padding:2rem;display:flex}.exercise-task-error{color:#842029;background-color:#f8d7da;padding:2rem}.exercise-task-error p{max-width:80%;line-height:1.6}.exercise-task-error svg{color:#dc3545}.exercise-task-empty{color:#6c757d;background-color:#f8f9fa}.exercise-task-empty svg{color:#adb5bd}@keyframes spinner{to{transform:rotate(360deg)}}.exercise-container{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.exercise-nav{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.exercise-indicator{color:var(--text-secondary);font-size:.95rem;font-weight:500}.exercise-nav-buttons{gap:.5rem;display:flex}.exercise-nav-button:hover:not(:disabled){background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.exercise-nav-button:disabled{opacity:.5;cursor:not-allowed}.exercise-content{flex:1}.exercise-submit{margin-top:1.5rem}.exercise-submit-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.exercise-submit-button:hover:not(:disabled){background-color:var(--primary-dark)}.exercise-submit-button:disabled{background-color:rgba(var(--primary-rgb),.5);cursor:not-allowed;transform:none}.exercise-task-error .task-completion-button-container,.exercise-task-empty .task-completion-button-container{margin-top:1rem}.exercise-task-error .task-completion-button,.exercise-task-empty .task-completion-button{color:#212529;background-color:#fff;border:1px solid #dee2e6}.exercise-task-error .task-completion-button:hover,.exercise-task-empty .task-completion-button:hover{background-color:#e9ecef}.exercises-container{flex-direction:column;gap:2rem;padding:1rem 0;display:flex}@media (width<=768px){.exercises-container{gap:1.5rem;padding:.5rem 0}.exercise-container{padding:1.25rem}.exercise-nav{margin-bottom:.75rem}}@media (width<=480px){.exercise-task-viewer{border-radius:4px}.task-completion-hint{font-size:.85rem}.exercise-container{padding:.75rem}.exercise-nav{margin-bottom:.5rem}.exercise-nav-button{width:32px;height:32px}.exercise-task-loading,.exercise-task-error,.exercise-task-empty{min-height:180px;padding:1rem}.loading-spinner{width:36px;height:36px}.exercise-submit-button{padding:.6rem 1rem}}[dir=rtl] .task-completion-hint{flex-direction:row-reverse}.listening-task{flex-direction:column;gap:2rem;display:flex}.listening-task.new-format{gap:2.5rem}.listening-task-player{margin-bottom:.5rem}.listening-task-player .audio-player-component{border:1px solid var(--border-color);box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.missing-audio{text-align:center;color:var(--text-secondary,#64748b);background-color:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.transcript-content{background-color:var(--background-light);border-radius:var(--radius-md);margin-top:1rem;padding:1rem}.transcript-html-content{line-height:1.7}.transcript-html-content p,.transcript-html-content span{margin:.5rem 0;font-size:1rem}[lang=ar] .transcript-html-content,[dir=rtl] .transcript-html-content,.transcript-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:2}.transcript-html-content ul,.transcript-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .transcript-html-content ul,[dir=rtl] .transcript-html-content ol{padding-left:0;padding-right:1.5rem}@media (width<=992px){.listening-task{gap:1.75rem}.listening-task.new-format{gap:2rem}.task-description{padding:1rem}}@media (width<=768px){.listening-task{gap:1.5rem}.task-description{padding:.875rem;font-size:.95rem}}@media (width<=480px){.listening-task{gap:1.25rem}.task-description{padding:.75rem;font-size:.9rem}}.reading-task.new-format{flex-direction:column;gap:1.5rem;display:flex}.reading-task{flex-direction:column;gap:2rem;display:flex}.description-html-content table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color,#ddd);width:100%;margin:1rem 0;overflow:hidden}.description-html-content table td,.description-html-content table th{border:1px solid var(--border-color,#ddd);vertical-align:top;text-align:left;padding:.75rem;position:relative}.description-html-content table th{background-color:var(--background-light,#f8f9fa);color:var(--text-dark,#333);font-weight:600}.description-html-content table tr:nth-child(2n){background-color:var(--background-light,#f8f9fa)}.description-html-content table tr:hover{background-color:var(--primary-light,#e5effd)}[dir=rtl] .description-html-content table td,[dir=rtl] .description-html-content table th{text-align:right}[lang=ar] .description-html-content table,[dir=rtl] .description-html-content table,.description-html-content table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .description-html-content table td,[lang=ar] .description-html-content table th,[dir=rtl] .description-html-content table td,[dir=rtl] .description-html-content table th{text-align:right;font-size:1.1rem;line-height:1.8}.complete-reading-task-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.complete-reading-task-button:disabled{opacity:.6;cursor:not-allowed}.complete-reading-task-button:hover:not(:disabled){background-color:var(--primary-dark)}.reading-content{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.reading-text-header{background-color:var(--primary-light);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.reading-title{color:var(--primary);margin:0;font-size:1.1rem;font-weight:600}.reading-text{max-height:400px;padding:1.25rem;overflow-y:auto}.reading-paragraph{margin-bottom:1rem;font-size:1rem;line-height:1.7}.reading-paragraph:last-child{margin-bottom:0}.reading-paragraph[dir=rtl]{text-align:right}.reading-html-content{line-height:1.7}.reading-html-content p,.reading-html-content span{margin:.5rem 0;font-size:1rem;line-height:1.7}.reading-html-content table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color,#ddd);width:100%;margin:1rem 0;overflow:hidden}.reading-html-content table td,.reading-html-content table th{border:1px solid var(--border-color,#ddd);vertical-align:top;text-align:left;padding:.75rem;position:relative}.reading-html-content table th{background-color:var(--background-light,#f8f9fa);color:var(--text-dark,#333);font-weight:600}.reading-html-content table tr:nth-child(2n){background-color:var(--background-light,#f8f9fa)}.reading-html-content table tr:hover{background-color:var(--primary-light,#e5effd)}[dir=rtl] .reading-html-content table td,[dir=rtl] .reading-html-content table th{text-align:right}[lang=ar] .reading-html-content table,[dir=rtl] .reading-html-content table,.reading-html-content table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .reading-html-content table td,[lang=ar] .reading-html-content table th,[dir=rtl] .reading-html-content table td,[dir=rtl] .reading-html-content table th{text-align:right;font-size:1.1rem;line-height:1.8}[lang=ar] .reading-html-content,[dir=rtl] .reading-html-content,.reading-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:2}.reading-html-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:1rem 0}.reading-html-content ul,.reading-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .reading-html-content ul,[dir=rtl] .reading-html-content ol{padding-left:0;padding-right:1.5rem}.missing-reading-text{background-color:var(--background-light);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.reading-questions{flex-direction:column;gap:1.25rem;display:flex}.questions-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.questions-list{flex-direction:column;gap:1.5rem;display:flex}.question-item{flex-direction:column;gap:.75rem;display:flex}.question-text{font-weight:500}.question-actions{justify-content:center;margin-top:1rem;display:flex}@media (width<=768px){.reading-text-header{padding:.75rem 1rem}.reading-title{font-size:1rem}.reading-text{padding:1rem}.reading-paragraph{font-size:.95rem}.task-description{padding:.875rem;font-size:.95rem}}@media (width<=480px){.reading-task{gap:1.5rem}.reading-text{max-height:350px;padding:.75rem}.questions-list{gap:1.25rem}.answer-option{padding:.625rem .875rem}.option-marker{width:24px;height:24px;font-size:.8rem}.task-description{padding:.75rem;font-size:.9rem}}.speaking-task{flex-direction:column;gap:1.5rem;display:flex}.speaking-instructions{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.instructions-title{color:var(--text-primary);text-align:right;direction:rtl;margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.add-prompt-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s;display:flex}.add-prompt-button:hover:not(:disabled){background-color:var(--primary-dark)}.add-prompt-button svg{color:var(--white);width:20px;height:20px}.instructions-text{margin:0;font-size:.95rem;line-height:1.6}.speaking-prompts{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.prompts-navigation{background-color:var(--primary-light);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.prompt-nav-button{border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--white);width:32px;height:32px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex}.prompt-nav-button:hover:not(:disabled){background-color:var(--primary);border-color:var(--primary);color:var(--white)}.prompt-container{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.prompt-image{text-align:center;margin-bottom:1rem}.prompt-image img{border-radius:var(--radius-sm);max-width:100%;max-height:250px;box-shadow:var(--shadow-sm)}.prompt-text{margin:0;font-size:1.1rem;font-weight:500;line-height:1.5}.recording-actions{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.record-button,.stop-recording-button{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex}.record-button{color:#fff;cursor:pointer;background-color:#538d4e;border:none;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:1rem;display:flex}.record-button:hover{background-color:#447a40}.stop-recording-button{background-color:var(--error);color:var(--white);animation:1.5s infinite pulse}.stop-recording-button:hover{background-color:var(--error-dark)}.recording-playback{flex-wrap:wrap;gap:.75rem;display:flex}.play-recording-button,.complete-prompt-button{border-radius:var(--radius-sm);cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.play-recording-button{background-color:var(--background-light);color:var(--text-primary);border:1px solid var(--border-color)}.complete-prompt-button{background-color:var(--success);color:var(--white)}.complete-prompt-button:hover:not(:disabled){background-color:var(--success-dark)}.complete-prompt-button.is-completed{background-color:var(--success-light);cursor:default}.complete-prompt-button:disabled{opacity:.7;cursor:not-allowed}.complete-prompt-button.is-uploading{background-color:var(--gray);cursor:wait;opacity:.8}.prompts-progress{border-top:1px solid var(--border-color);justify-content:center;gap:.5rem;padding:1rem;display:flex}.prompt-indicator{background-color:var(--background-light);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.prompt-indicator.is-current{background-color:var(--primary);transform:scale(1.2)}.prompt-indicator.is-completed{background-color:var(--success)}.all-prompts-completed{text-align:center;color:var(--success);background-color:rgba(var(--success-rgb),.1);border-top:1px solid var(--border-color);flex-direction:column;align-items:center;padding:1rem;display:flex}.completed-icon{margin-bottom:.5rem}.completed-message{margin:0;font-weight:500}.missing-prompts{background-color:var(--background-light);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.speaking-task.premium-locked{position:relative}.speaking-preview{opacity:.7;pointer-events:none;filter:blur(1px)}.speaking-preview-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.speaking-preview-header svg{color:var(--primary,#3c64b1)}.speaking-preview-header h4{margin:0;font-size:1rem}.speaking-instructions.locked{background-color:var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);margin-bottom:16px;padding:12px}.speaking-instructions.locked p{margin:0}.speaking-recording-preview{border:1px solid var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);padding:20px}.recording-placeholder{border:2px dashed var(--gray-lighter,#e9ecef);border-radius:var(--radius-md,8px);background-color:var(--gray-light,#f8f9fa);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.recording-placeholder svg{color:var(--gray,#6c757d);margin-bottom:12px}.recording-placeholder p{text-align:center;color:var(--gray,#6c757d);margin:0;font-size:.9rem}[dir=rtl] .prompt-nav-button svg{transform:rotate(180deg)}[dir=rtl] .premium-lock-indicator,[dir=rtl] .speaking-preview-header{flex-direction:row-reverse}@media (width<=768px){.speaking-instructions{padding:1rem}.prompt-container{padding:1.25rem}.prompt-text{font-size:1rem}.record-button,.stop-recording-button{padding:.6rem 1.25rem}.premium-lock-indicator{padding:10px 12px}.premium-lock-indicator h3{font-size:1rem}.speaking-recording-preview{padding:16px}.recording-placeholder{padding:20px}}@media (width<=480px){.speaking-task{gap:1.25rem}.instructions-title{font-size:1rem}.prompt-container{padding:1rem}.prompt-text{font-size:.95rem}.recording-playback{flex-direction:column;width:100%}.play-recording-button,.complete-prompt-button{justify-content:center;width:100%}.premium-upgrade-button{padding:10px 14px;font-size:.95rem}}.speaking-html-content{line-height:1.7}.speaking-html-content p,.speaking-html-content span{margin:.5rem 0;font-size:1rem}[lang=ar] .speaking-html-content,[dir=rtl] .speaking-html-content,.speaking-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:2}.speaking-html-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:.5rem 0}.speaking-html-content ul,.speaking-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .speaking-html-content ul,[dir=rtl] .speaking-html-content ol{padding-left:0;padding-right:1.5rem}.speaking-instructions.locked .speaking-html-content{opacity:.7;filter:blur(1px)}.speaking-general-description{background-color:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.speaking-general-description p{color:#333;margin:0;line-height:1.6}.recording-timer{color:var(--text-secondary);justify-content:center;align-items:center;margin-top:.5rem;font-size:.9rem;display:flex}.recording-timer.almost-complete{color:var(--warning);font-weight:500}.recording-timer.time-critical{color:var(--error);font-weight:700;animation:1s infinite pulse}.recording-info{color:var(--text-secondary);text-align:center;width:100%;margin-top:.5rem;font-size:.8rem}.existing-recording{background-color:#f5f8ff;border-left:4px solid #3e7bfa;border-radius:8px;margin:20px 0;padding:16px}.existing-recording-title{color:#334155;align-items:center;margin:0 0 12px;font-size:16px;display:flex}.existing-recording-controls{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.play-existing-button,.re-record-button,.delete-recording-button{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;transition:background-color .2s,transform .1s;display:flex}.play-existing-button{color:#3e7bfa;background-color:#e0eaff}.play-existing-button:hover{background-color:#d0e0ff}.re-record-button{color:#0d9488;background-color:#e5f7f0}.re-record-button:hover{background-color:#d5f2e9}.delete-recording-button{color:#ef4444;background-color:#fee2e2}.delete-recording-button:disabled{opacity:.6;cursor:not-allowed}.existing-recording-info{color:#64748b;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.recording-duration{align-items:center;gap:4px;display:flex}.recording-date{font-style:italic}[dir=rtl] .existing-recording{border-left:none;border-right:4px solid #3e7bfa}[dir=rtl] .existing-recording-controls button svg{margin-left:4px;margin-right:0}@media (width<=768px){.existing-recording{padding:12px}.existing-recording-controls{flex-direction:column;gap:8px}.play-existing-button,.re-record-button,.delete-recording-button{justify-content:center;width:100%}}@media (width<=480px){.existing-recording-info{flex-direction:column;gap:4px}}.recordings-history{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:.5rem;margin:1.5rem 0;padding:1rem}.recordings-history-title{color:#333;margin-top:0;margin-bottom:1rem;font-size:1.1rem}.recording-status-indicator{text-transform:uppercase;letter-spacing:.5px;z-index:10;border:2px solid #fff;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0000001a}.recording-status-indicator.approved{color:#fff;background-color:#10b981}.recording-status-indicator.rejected{color:#fff;background-color:#ef4444}.recording-status-indicator.pending{color:#fff;background-color:#f59e0b}.recording-status-indicator.reviewed{color:#fff;background-color:#6366f1}.recording-feedback{background-color:#f8fafc;border-left:4px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px}.recording-feedback.approved{background-color:#f0fdf4;border-left-color:#10b981}.recording-feedback.rejected{background-color:#fef2f2;border-left-color:#ef4444}.recording-feedback-header{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.recording-feedback-header.approved{color:#059669}.recording-feedback-header.rejected{color:#dc2626}.recording-feedback-content{color:#374151;font-size:14px;line-height:1.5}.recording-feedback-content p{margin:0}.current-recording{background-color:#f9f9f9;border:2px solid #0000;border-radius:.5rem;margin-bottom:1rem;padding:1rem;transition:border-color .2s;box-shadow:0 2px 4px #0000000d}.current-recording.status-approved{border-color:#10b981}.current-recording.status-rejected{border-color:#ef4444}.current-recording.status-pending{border-color:#f59e0b}.current-recording.status-reviewed{border-color:#6366f1}.recording-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.recording-label{color:#3a3a3a;font-weight:700}.recording-date{color:#6c757d;font-size:.85rem}.recording-audio-player{width:100%;margin-bottom:1rem}.recording-audio-player .audio-player-component{width:100%;max-width:100%}.recording-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.re-record-button.primary{color:#fff;background-color:#538d4e}.re-record-button.primary:hover{background-color:#447a40}.recording-info{color:#6c757d;font-size:.9rem}.previous-recordings{margin-top:1rem}.previous-recordings-title{color:#495057;text-align:right;direction:rtl;margin-bottom:.75rem;font-size:.95rem}.recordings-list{flex-direction:column;gap:.5rem;display:flex}.recording-item{background-color:#fff;border:1px solid #dee2e6;border-radius:.5rem;flex-direction:column;padding:.75rem;display:flex}.recording-item-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.recording-number{color:#495057;font-size:.9rem;font-weight:700}.recording-item-controls{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.recording-item-controls .audio-player-component{flex:1;min-width:200px}.play-recording-button.small,.delete-recording-button.small{padding:.25rem .5rem;font-size:.85rem}.record-button.re-record{background-color:#555;border-color:#494949}.record-button.re-record:hover{background-color:#444}[dir=rtl] .recording-header,[dir=rtl] .recording-item-header,[dir=rtl] .recording-controls,[dir=rtl] .recording-item-controls{flex-direction:row-reverse}@media (width<=768px){.recordings-history{padding:.75rem}.recording-controls{flex-direction:column;gap:.5rem}.recording-controls button{width:100%}.recording-item-controls{flex-direction:row}.recording-item-controls button{flex:1}}.new-recording-preview{background-color:#f0f5f0;border:1px solid #cbdbc9;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:1rem}.new-recording-title{color:#3a3a3a;text-align:right;direction:rtl;margin-top:0;margin-bottom:.75rem;font-size:1rem}.recording-preview-controls{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.play-recording-button,.save-recording-button{color:#fff;cursor:pointer;background-color:#538d4e;border:none;border-radius:.25rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.9rem;transition:background-color .2s;display:flex}.play-recording-button:hover{background-color:#447a40}.delete-recording-button,.discard-recording-button{color:#fff;cursor:pointer;background-color:#a83232;border:none;border-radius:.25rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.9rem;transition:background-color .2s;display:flex}.delete-recording-button:hover:not(:disabled),.discard-recording-button:hover:not(:disabled){background-color:#8a2828}@media (width<=768px){.recording-preview-controls{flex-direction:column}.recording-preview-controls button{width:100%}}.current-recording.fallback,.recording-item.fallback{background-color:#f7f7f7;border-left:3px solid #606060}.save-recording-button:hover:not(:disabled){background-color:#447a40}.save-recording-button:disabled{opacity:.65;cursor:not-allowed}.save-recording-button.is-uploading{background-color:#555}.recording-progress-container{border-radius:var(--radius-sm);background-color:#f8f9fa;border:1px solid #e9ecef;flex-direction:column;gap:.5rem;margin-top:.75rem;padding:1rem;display:flex}.recording-duration-display{justify-content:center;align-items:center;gap:.25rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;display:flex}.current-time{color:var(--primary);font-size:1.2rem}.max-time{color:var(--text-secondary);font-size:1rem}.recording-progress-bar{background-color:#e9ecef;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}.recording-progress-fill{background-color:var(--success);border-radius:4px;height:100%;transition:width .3s,background-color .3s;position:relative}.recording-progress-fill:after{content:"";background-color:#fffc;border-radius:0 4px 4px 0;width:3px;height:100%;position:absolute;top:0;right:0}.recording-progress-fill.almost-complete{background-color:var(--warning)}.recording-progress-fill.time-critical{background-color:var(--error);animation:1s infinite pulse-bar}@keyframes pulse-bar{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.recording-status-text{text-align:center;color:var(--text-secondary);font-size:.85rem;font-style:italic}.recording-status-text.time-critical{color:var(--error);font-weight:600;animation:1s infinite pulse}[dir=rtl] .recording-progress-fill:after{border-radius:4px 0 0 4px;left:0;right:auto}@media (width<=768px){.recording-progress-container{padding:.75rem}.recording-duration-display{font-size:1rem}.current-time{font-size:1.1rem}}.writing-task{flex-direction:column;gap:16px;width:100%;display:flex}.writing-general-description{background-color:var(--primary-lightest,#f0f4ff);border-radius:var(--radius-md,8px);margin-bottom:8px;padding:16px}.writing-instructions{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md,8px);padding:16px;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.instructions-title{color:var(--black,#2c3e50);text-align:right;direction:rtl;margin:0 0 12px;font-size:1.2rem}.instructions-text{line-height:1.6}.writing-task-header{border-bottom:1px solid var(--primary-light,#e1e8f5);align-items:center;gap:12px;padding-bottom:12px;display:flex}.writing-task-header svg{color:var(--primary,#3c64b1)}.writing-task-header h3{color:var(--black,#2c3e50);margin:0;font-size:1.2rem}.task-description{background-color:var(--light-yellow,#fff9e6);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary);margin-bottom:8px;padding:16px}.task-description p{color:var(--black,#2c3e50);margin:0;font-size:1rem;line-height:1.6}.task-description.locked{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.writing-prompts{border:1px solid var(--border-color);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.prompts-navigation{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.prompt-counter{color:var(--black,#2c3e50);text-align:right;direction:rtl;font-size:1rem;font-weight:600}.prompt-arrows{gap:8px;display:flex}.prompt-nav-button{background-color:var(--primary-lighter,#f0f5ff);width:36px;height:36px;color:var(--primary,#3c64b1);border-radius:var(--radius-sm,4px);cursor:pointer;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.prompt-nav-button:hover:not(:disabled){background-color:var(--primary-light,#e1e8f5)}.prompt-nav-button:disabled{opacity:.5;cursor:not-allowed}.prompt-container{flex-direction:column;gap:16px;display:flex}.prompt-image{justify-content:center;align-items:center;width:100%;margin-bottom:16px;display:flex}.prompt-image img{object-fit:contain;border-radius:var(--radius-md,8px);max-width:100%;max-height:300px}.prompt-content{flex-direction:column;gap:20px;display:flex}.prompt-text{background-color:var(--primary-lighter,#f0f5ff);border-radius:var(--radius-md,8px);border-left:4px solid var(--primary-light,#e1e8f5);padding:16px}.prompts-progress{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.prompt-indicator{background-color:var(--gray-light,#f8f9fa);border:1px solid var(--gray,#6c757d);cursor:pointer;border-radius:50%;width:12px;height:12px;transition:all .2s}.prompt-indicator.is-current{background-color:var(--primary,#3c64b1);border-color:var(--primary-dark,#2a4a8c);transform:scale(1.2)}.prompt-indicator.is-completed{background-color:var(--success,#28a745);border-color:var(--success-dark,#1e7e34)}.all-prompts-completed{background-color:var(--success-light,#d4edda);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;gap:12px;margin-top:8px;padding:12px 16px;display:flex}.completed-icon{color:var(--success,#28a745)}.completed-message{color:var(--success-dark,#1e7e34);margin:0;font-weight:600}.missing-prompts{background-color:var(--gray-light,#f8f9fa);border-radius:var(--radius-md,8px);border:1px dashed var(--gray,#6c757d);color:var(--gray-dark,#343a40);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.missing-prompts svg{color:var(--gray,#6c757d);margin-bottom:12px}.writing-actions{flex-direction:column;gap:16px;display:flex}.writing-upload-section{border:1px solid var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);padding:20px}.upload-container{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.upload-label{border:2px dashed var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);background-color:var(--gray-light,#f8f9fa);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:40px 20px;transition:all .2s;display:flex}.upload-label:hover{background-color:var(--primary-lighter,#f0f5ff);border-color:var(--primary,#3c64b1)}.upload-icon-container{color:var(--primary,#3c64b1);margin-bottom:12px}.upload-text{color:var(--black,#2c3e50);margin-bottom:8px;font-size:1.1rem;font-weight:600}.upload-hint{color:var(--gray,#6c757d);text-align:center;font-size:.9rem}.upload-input{display:none}.writing-image-preview{flex-direction:column;gap:16px;display:flex}.preview-header{justify-content:space-between;align-items:center;display:flex}.preview-header h4{margin:0;font-size:1rem}.remove-image-button{color:var(--danger,#dc3545);cursor:pointer;border-radius:var(--radius-sm,4px);background:0 0;border:none;padding:4px 8px;font-size:.9rem;transition:background-color .2s}.remove-image-button:hover{background-color:#dc35451a}.image-container{background-color:var(--gray-light,#f8f9fa);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;width:100%;padding:12px;display:flex;overflow:hidden}.image-container img{object-fit:contain;border-radius:var(--radius-sm,4px);max-width:100%;max-height:400px}.submit-writing-button{background-color:var(--primary,#3c64b1);color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;border:none;justify-content:center;align-self:flex-end;align-items:center;gap:8px;padding:12px 16px;font-weight:600;transition:background-color .2s;display:flex}.submit-writing-button:hover:not(:disabled){background-color:var(--primary-dark,#2a4a8c)}.submit-writing-button:disabled{opacity:.7;cursor:not-allowed}.submit-writing-button.is-uploading{justify-content:center;align-items:center;display:inline-flex;position:relative}.instruction-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.instruction-header svg{color:var(--primary,#3c64b1)}.instruction-header h4{margin:0;font-size:1rem}.instruction-steps{margin:0;padding-left:20px}.instruction-steps li{margin-bottom:8px;line-height:1.5}.instruction-steps li:last-child{margin-bottom:0}.submissions-history{border-top:1px solid var(--gray-lighter,#e9ecef);flex-direction:column;gap:20px;margin-top:20px;padding-top:20px;display:flex}.submissions-history-title{color:var(--black,#2c3e50);text-align:right;direction:rtl;margin:0;font-size:1.1rem}.current-submission{background-color:var(--white,#fff);border:2px solid var(--primary-lighter,#f0f5ff);border-radius:var(--radius-md,8px);flex-direction:column;gap:12px;padding:16px;transition:border-color .2s;display:flex}.current-submission.status-approved{border-color:#10b981}.current-submission.status-rejected{border-color:#ef4444}.current-submission.status-pending{border-color:#f59e0b}.current-submission.status-reviewed{border-color:#6366f1}.submission-header{justify-content:space-between;align-items:center;display:flex}.submission-label{color:var(--black,#2c3e50);font-weight:600}.submission-date{color:var(--gray,#6c757d);font-size:.9rem}.submission-image{background-color:var(--gray-light,#f8f9fa);border-radius:var(--radius-md,8px);justify-content:center;align-items:center;margin:12px 0;padding:12px;display:flex}.submission-image img{object-fit:contain;border-radius:var(--radius-sm,4px);max-width:100%;max-height:300px}.submission-controls{gap:12px;display:flex}.re-upload-button{background-color:var(--primary,#3c64b1);color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:background-color .2s;display:flex}.re-upload-button:hover:not(:disabled){background-color:var(--primary-dark,#2a4a8c)}.delete-submission-button{background-color:var(--danger-light,#f8d7da);color:var(--danger,#dc3545);border-radius:var(--radius-md,8px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:background-color .2s;display:flex}.delete-submission-button:hover:not(:disabled){background-color:var(--danger-lighter,#f5c0c5)}.delete-submission-button:disabled{opacity:.7;cursor:not-allowed}.submission-status-indicator{text-transform:uppercase;letter-spacing:.5px;z-index:10;border:2px solid #fff;border-radius:12px;padding:4px 8px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px;box-shadow:0 2px 4px #0000001a}.submission-status-indicator.approved{color:#fff;background-color:#10b981}.submission-status-indicator.rejected{color:#fff;background-color:#ef4444}.submission-status-indicator.pending{color:#fff;background-color:#f59e0b}.submission-status-indicator.reviewed{color:#fff;background-color:#6366f1}.submission-feedback{background-color:var(--success-light,#d4edda);border-radius:var(--radius-md,8px);border-left:4px solid #e2e8f0;margin-top:12px;padding:12px 16px}.submission-feedback.approved{background-color:#f0fdf4;border-left-color:#10b981}.submission-feedback.rejected{background-color:#fef2f2;border-left-color:#ef4444}.submission-feedback h5{color:var(--success-dark,#1e7e34);align-items:center;gap:8px;margin:0 0 8px;font-size:1rem;display:flex}.submission-feedback.approved h5{color:#059669}.submission-feedback.rejected h5{color:#dc2626}.submission-feedback p{color:var(--black,#2c3e50);margin:0}.previous-submissions{flex-direction:column;gap:16px;margin-top:8px;display:flex}.previous-submissions-title{color:var(--black,#2c3e50);text-align:right;direction:rtl;margin:0;font-size:1rem}.submissions-list{flex-direction:column;gap:12px;display:flex}.submission-item{background-color:var(--gray-lightest,#f5f6f8);border:1px solid var(--gray-lighter,#e9ecef);border-radius:var(--radius-md,8px);flex-direction:column;gap:8px;padding:12px;display:flex}.submission-item-header{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.submission-number{color:var(--black,#2c3e50);font-weight:600}.submission-item-image{background-color:var(--white,#fff);border-radius:var(--radius-sm,4px);justify-content:center;align-items:center;margin:8px 0;padding:8px;display:flex}.submission-item-image img{object-fit:contain;border-radius:var(--radius-sm,4px);max-width:100%;max-height:200px}.submission-item-controls{justify-content:flex-end;display:flex}.delete-submission-button.small{padding:6px 10px;font-size:.8rem}.submission-item-feedback{background-color:var(--success-lighter,#e6f7e9);border-radius:var(--radius-sm,4px);margin-top:8px;padding:8px 12px}.submission-item-feedback h6{color:var(--success-dark,#1e7e34);margin:0 0 4px;font-size:.9rem}.submission-item-feedback p{color:var(--black,#2c3e50);margin:0;font-size:.9rem}.writing-task.premium-locked{position:relative}.premium-lock-indicator{background-color:var(--secondary-light,#fff2cc);border-radius:var(--radius-md,8px);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.premium-lock-indicator svg{color:var(--secondary,#f8b500)}.premium-lock-indicator h3{color:var(--secondary-dark,#e5a901);margin:0;font-size:1.1rem}.writing-preview{opacity:.7;pointer-events:none;filter:blur(1px)}.writing-preview-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.writing-preview-header svg{color:var(--primary,#3c64b1)}.writing-preview-header h4{margin:0;font-size:1rem}.writing-upload-preview{border:1px solid var(--primary-light,#e1e8f5);border-radius:var(--radius-md,8px);background-color:var(--white,#fff);padding:20px}.writing-upload-preview.locked{filter:blur(1px);pointer-events:none;-webkit-user-select:none;user-select:none}.upload-placeholder{border:2px dashed var(--gray-lighter,#e9ecef);border-radius:var(--radius-md,8px);background-color:var(--gray-light,#f8f9fa);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.upload-placeholder svg{color:var(--gray,#6c757d);margin-bottom:12px}.upload-placeholder p{text-align:center;color:var(--gray,#6c757d);margin:0;font-size:.9rem}.premium-upgrade-button{background-color:var(--secondary,#f8b500);color:var(--white,#fff);border-radius:var(--radius-md,8px);cursor:pointer;border:none;width:100%;margin-top:16px;padding:12px 16px;font-weight:600;transition:background-color .2s}.premium-upgrade-button:hover{background-color:var(--secondary-dark,#e5a901)}@media (width<=768px){.writing-prompts,.writing-upload-section,.writing-upload-preview{padding:16px}.prompt-container{gap:12px}.prompt-text{padding:12px}.upload-label{padding:30px 16px}.upload-text{font-size:1rem}.writing-instructions{padding:12px}.submissions-history{gap:16px}.current-submission,.submission-item{padding:12px}.submission-controls{flex-wrap:wrap}}@media (width<=480px){.writing-prompts{padding:12px}.prompts-navigation{flex-direction:column;gap:12px}.prompt-nav-button{width:32px;height:32px}.prompt-text{padding:10px}.submission-controls{flex-direction:column;gap:8px}.submission-header{flex-direction:column;align-items:flex-start;gap:4px}}[dir=rtl] .writing-task-header,[dir=rtl] .instruction-header,[dir=rtl] .writing-preview-header,[dir=rtl] .prompt-text,[dir=rtl] .submission-header{flex-direction:row-reverse}[dir=rtl] .prompt-text{border-left:none;border-right:4px solid var(--primary-light,#e1e8f5);text-align:right}[dir=rtl] .task-description{border-left:none;border-right:4px solid var(--primary);text-align:right}[dir=rtl] .instruction-steps{padding-left:0;padding-right:20px}[dir=rtl] .submission-controls,[dir=rtl] .submission-item-controls{flex-direction:row-reverse}.writing-html-content{line-height:1.7}.writing-html-content p,.writing-html-content span{margin:.5rem 0;font-size:1rem}[lang=ar] .writing-html-content,[dir=rtl] .writing-html-content,.writing-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:2}.writing-html-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:1rem 0}.writing-html-content ul,.writing-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .writing-html-content ul,[dir=rtl] .writing-html-content ol{padding-left:0;padding-right:1.5rem}.writing-prompt.locked .writing-html-content,.writing-instructions.locked .writing-html-content{opacity:.7;filter:blur(1px)}.grammar-task.new-format{flex-direction:column;gap:1.5rem;display:flex}:root{--success:#28a745;--success-rgb:40,167,69}.grammar-task{flex-direction:column;gap:2rem;display:flex}.grammar-explanation-container{background-color:var(--white);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.grammar-explanation-header{background-color:var(--background-light);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.grammar-explanation-icon{color:var(--primary)}.grammar-explanation-title{color:var(--primary);margin:0;font-size:1.1rem;font-weight:600}.grammar-explanation{background-color:var(--white);padding:1.25rem}.grammar-examples-container{margin-top:1.5rem}.grammar-examples-title{color:var(--primary);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.grammar-explanation div[dangerouslySetInnerHTML]{line-height:1.7}.grammar-explanation div[dangerouslySetInnerHTML] p,.grammar-explanation div[dangerouslySetInnerHTML] span,.grammar-examples div[dangerouslySetInnerHTML] p,.grammar-examples div[dangerouslySetInnerHTML] span{margin-bottom:1rem;font-size:1rem;line-height:1.7}[lang=ar] .grammar-explanation div[dangerouslySetInnerHTML],[dir=rtl] .grammar-explanation div[dangerouslySetInnerHTML],.grammar-explanation div[dangerouslySetInnerHTML] [lang=ar],.grammar-examples div[dangerouslySetInnerHTML] [lang=ar]{font-size:1.2rem;line-height:2}.grammar-examples ul{margin:0;padding-left:1.5rem;list-style-type:disc}[dir=rtl] .grammar-examples ul{padding-left:0;padding-right:1.5rem}.grammar-examples li{margin-bottom:.75rem;line-height:1.6}.grammar-examples li:last-child{margin-bottom:0}.missing-explanation,.missing-exercises{background-color:var(--background-light);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.grammar-exercises{flex-direction:column;gap:1.25rem;display:flex}.exercises-title{margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.exercises-list{flex-direction:column;gap:1.5rem;display:flex}.exercise-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.exercise-question{margin:0;font-weight:500;line-height:1.5}.answer-options{flex-direction:column;gap:.5rem;display:flex}.answer-option{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;align-items:center;padding:.75rem 1rem;transition:all .2s;display:flex}.answer-option:hover:not(.is-correct):not(.is-incorrect){border-color:var(--primary-light);background-color:var(--background-light)}.answer-option.is-selected{border-color:var(--primary);background-color:var(--primary-light)}.answer-option.is-correct{border-color:var(--success);background-color:rgba(var(--success-rgb),.1)}.answer-option.is-incorrect{border-color:var(--error);background-color:rgba(var(--error-rgb),.1)}.option-marker{background-color:var(--background-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-right:.75rem;font-size:.85rem;font-weight:600;display:flex}.is-selected .option-marker{background-color:var(--primary);color:#fff}.is-correct .option-marker{background-color:var(--success);color:#fff}.is-incorrect .option-marker{background-color:var(--error);color:#fff}.option-text{flex:1}.exercise-actions{justify-content:center;margin-top:1rem;display:flex}.check-answers-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.check-answers-button:hover:not(:disabled){background-color:var(--primary-dark)}.check-answers-button:disabled{opacity:.6;cursor:not-allowed}.score-display{border-radius:var(--radius-sm);text-align:center;margin-bottom:1rem;padding:.75rem 1rem;font-weight:500}.score-good{background-color:rgba(var(--success-rgb),.1);color:var(--success)}.score-needs-improvement{background-color:rgba(var(--warning-rgb),.1);color:var(--warning)}[dir=rtl] .option-marker{margin-left:.75rem;margin-right:0}@media (width<=768px){.grammar-task{gap:1.5rem}.grammar-explanation-header{padding:.875rem 1rem}.grammar-explanation-title{font-size:1rem}.grammar-explanation{padding:1rem}.grammar-examples-title{font-size:1rem}.exercise-item{padding:.875rem}}@media (width<=480px){.grammar-task,.exercises-list{gap:1.25rem}.answer-option{padding:.625rem .875rem}.option-marker{width:24px;height:24px;font-size:.8rem}.check-answers-button{width:100%}}.vocabulary-task{flex-direction:column;gap:1.5rem;display:flex}.task-description{color:#000;border-left:4px solid var(--primary);background-color:#f8f9fa;border-radius:8px;margin-bottom:.5rem;padding:1.25rem;font-size:1rem;line-height:1.6}.description-html-content{font-size:1rem;line-height:1.7}.description-html-content p,.description-html-content span{margin:.5rem 0}[lang=ar] .description-html-content,[dir=rtl] .description-html-content,.description-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:2}.vocabulary-task.with-exercises .vocabulary-section{margin-bottom:2rem}.vocabulary-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.vocabulary-title{margin:0;font-size:1.1rem;font-weight:600}.view-mode-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.view-mode-toggle:hover{background-color:var(--background-light);border-color:var(--primary);color:var(--primary)}.vocabulary-card-view{flex-direction:column;gap:1rem;display:flex}.vocabulary-counter{color:var(--text-secondary);text-align:center;font-size:.875rem}.vocabulary-card{background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex;box-shadow:0 4px 20px #ffd70033,0 2px 10px #ffd7001a}.vocabulary-image{border-radius:var(--radius-sm);width:150px;height:150px;margin-bottom:.5rem;overflow:hidden}.vocabulary-image img{object-fit:cover;width:100%;height:100%}.vocabulary-term{text-align:center;font-size:1.5rem;font-weight:600}.toggle-definition-button{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.toggle-definition-button:hover{background-color:var(--background-light);border-color:var(--primary);color:var(--primary)}.vocabulary-definition{text-align:center;max-width:500px;animation:.3s fadeIn}.definition-label,.example-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.9rem;font-weight:600}.definition-text{margin-bottom:1rem;font-size:1.1rem;line-height:1.5}.vocabulary-example{margin-top:.5rem;font-style:italic}.example-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.card-navigation{justify-content:space-between;width:100%;margin-top:1rem;display:flex}.card-nav-button{background-color:var(--background-light);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.card-nav-button:hover:not(:disabled){background-color:var(--primary-light);border-color:var(--primary);color:var(--primary)}.card-nav-button:disabled{opacity:.5;cursor:not-allowed}.vocabulary-progress{justify-content:center;gap:.5rem;margin-top:.5rem;display:flex}.vocabulary-progress-indicator{background-color:var(--background-light);cursor:pointer;border-radius:50%;width:10px;height:10px;transition:all .2s}.vocabulary-progress-indicator.is-reviewed{background-color:var(--success)}.vocabulary-list-view{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);max-height:450px;padding:1rem;overflow-y:auto}.vocabulary-list{flex-direction:column;padding:1rem;display:flex}.vocabulary-list-item{border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--white);justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.vocabulary-list-item:last-child{margin-bottom:0}.vocabulary-list-image{border-radius:var(--radius-sm);flex-shrink:0;width:60px;height:60px;overflow:hidden}.vocabulary-list-image img{object-fit:cover;width:100%;height:100%}.vocabulary-list-content{flex:1}.vocabulary-list-term{margin-bottom:.375rem;font-size:1.1rem;font-weight:600}.vocabulary-list-definition{margin-bottom:.5rem;font-size:.95rem;line-height:1.5}.vocabulary-list-example{color:var(--text-secondary);font-size:.875rem;font-style:italic}.list-example-label{font-weight:600}.vocabulary-task-footer{flex-direction:column;justify-content:center;align-items:center;margin-top:1rem;display:flex}.vocabulary-complete-button{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.vocabulary-complete-button:hover{background-color:var(--primary-dark)}.vocabulary-completion-hint{color:var(--text-secondary);text-align:center;font-size:.9rem;font-style:italic}.missing-vocabulary{background-color:var(--background-light);border-radius:var(--radius-md);text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}[dir=rtl] .card-nav-button svg{transform:rotate(180deg)}@media (width<=768px){.vocabulary-card{padding:1.5rem}.vocabulary-term{font-size:1.3rem}.definition-text{font-size:1rem}.card-nav-button{padding:.5rem .75rem;font-size:.875rem}.vocabulary-list-item{padding:1rem}.task-description{padding:.875rem;font-size:.95rem}}@media (width<=480px){.vocabulary-header{flex-direction:column;align-items:flex-start;gap:.75rem}.vocabulary-image{width:120px;height:120px}.vocabulary-card{padding:1.25rem}.vocabulary-term{font-size:1.2rem}.definition-text{font-size:.95rem}.card-navigation{flex-direction:column;gap:.75rem}.card-nav-button{justify-content:center;width:100%}.vocabulary-list-image{width:80px;height:80px}.task-description{padding:.75rem;font-size:.9rem}}.vocabulary-html-content{line-height:1.5}.vocabulary-html-content p,.vocabulary-html-content span{margin:.25rem 0}[lang=ar] .vocabulary-html-content,[dir=rtl] .vocabulary-html-content,.vocabulary-html-content [lang=ar]{text-align:right;font-size:1.2rem;line-height:1.8}.vocabulary-api-text[dir=rtl]{text-align:right;width:100%;display:inline-block}.vocabulary-html-content img{border-radius:var(--radius-sm);max-width:100%;height:auto;margin:.5rem 0}.vocabulary-term .vocabulary-html-content{font-size:1.3rem;font-weight:700}.definition-text .vocabulary-html-content,.vocabulary-list-definition .vocabulary-html-content{color:var(--text-primary)}.example-text .vocabulary-html-content,.list-example-text .vocabulary-html-content{color:var(--text-secondary);font-style:italic}.vocabulary-html-content ul,.vocabulary-html-content ol{margin:.5rem 0;padding-left:1.5rem}[dir=rtl] .vocabulary-html-content ul,[dir=rtl] .vocabulary-html-content ol{padding-left:0;padding-right:1.5rem}.vocabulary-list-pronunciation{align-items:center;margin-left:8px;display:inline-flex}[dir=rtl] .vocabulary-list-pronunciation{margin-left:0;margin-right:8px}.vocabulary-list-term{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.vocabulary-pronunciation .audio-player{flex-shrink:0}.vocabulary-card .vocabulary-pronunciation{border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9;padding:8px 0}@media (width<=768px){.vocabulary-pronunciation{margin:8px 0}.vocabulary-list-term{flex-direction:column;align-items:flex-start;gap:4px}.vocabulary-list-pronunciation{align-self:flex-start;margin-left:0;margin-right:0}}.vocabulary-progress-bar{background-color:#f1f5f9;border-radius:16px;width:100%;height:32px;margin-bottom:1rem;position:relative;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.vocabulary-progress-fill{background:var(--secondary);border-radius:16px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.vocabulary-progress-text{color:#1f2937;z-index:1;white-space:nowrap;font-size:14px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vocabulary-completion-message{color:#fff;background-color:#10b981;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;animation:.5s ease-out slideInUp;display:flex;box-shadow:0 4px 6px #0000001a}.vocabulary-completion-message svg{flex-shrink:0}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.vocabulary-progress-indicator{cursor:pointer;background-color:#e5e7eb;border-radius:50%;width:8px;height:8px;transition:all .3s}.vocabulary-progress-indicator.is-current{background-color:#00443f;transform:scale(1.25)}.vocabulary-progress-indicator.is-viewed{background-color:#cca061}.vocabulary-progress-indicator:hover{transform:scale(1.1)}.vocabulary-completion-hint{display:none}.vocabulary-list-item[data-word-index]{transition:background-color .3s;position:relative}.vocabulary-list-item[data-word-index]:hover{background-color:#00443f08}.letter-recognition{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.letter-recognition-question{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.letter-recognition-question h3{margin:0;font-size:1.1rem;font-weight:600}.letter-recognition-audio{margin-top:var(--spacing-xs);width:100%}.letter-options{gap:var(--spacing-md);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(70px,1fr));display:grid}.letter-option{padding:var(--spacing-md)var(--spacing-sm);border:2px solid var(--gray-200);border-radius:var(--radius-md);background-color:var(--white);cursor:pointer;justify-content:center;align-items:center;min-height:80px;font-size:2rem;transition:all .2s;display:flex}.letter-option:hover{border-color:var(--primary)}.letter-option.selected{border-color:var(--primary);background-color:var(--primary-lightest)}.letter-option.correct{border-color:var(--success);background-color:var(--success-light)}.letter-option.incorrect{border-color:var(--danger);background-color:var(--danger-light)}.letter-recognition-controls{margin-top:var(--spacing-md);justify-content:center;display:flex}.submit-button{min-width:120px;padding:var(--spacing-sm)var(--spacing-md);background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;font-weight:600;transition:background-color .2s;display:flex}.submit-button:hover:not(:disabled){background-color:var(--primary-dark)}.submit-button:disabled{background-color:var(--gray-300);cursor:not-allowed}.result-message{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);font-weight:600;display:flex}@media (width<=768px){.letter-options{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.letter-option{min-height:60px;font-size:1.5rem}}.letter-clicking-exercise{background-color:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.letter-clicking-instruction{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.letter-clicking-instruction h3{margin:0;font-size:1.1rem;font-weight:600}.instruction-audio-button{background-color:var(--primary);width:36px;height:36px;color:var(--white);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .2s,background-color .2s;display:flex}.instruction-audio-button:hover{background-color:var(--primary-dark);transform:scale(1.05)}.instruction-audio-button.is-playing{animation:1.5s infinite pulse}.letter-grid{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}.letter-button{padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-md);background-color:var(--white);cursor:pointer;justify-content:center;align-items:center;min-height:70px;font-size:2rem;transition:all .2s;display:flex;position:relative}.letter-button:hover:not(:disabled){border-color:var(--primary)}.letter-button.selected{border-color:var(--primary);background-color:var(--primary-lightest)}.letter-button.correct{border-color:var(--success);background-color:var(--success-light)}.letter-button.incorrect{border-color:var(--danger);background-color:var(--danger-light)}.letter-button:disabled{cursor:not-allowed;opacity:.7}.sequence-number{background-color:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.8rem;display:flex;position:absolute;top:5px;right:5px}.selected-sequence{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);background-color:var(--gray-50);border-radius:var(--radius-md)}.selected-sequence h4{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1rem}.sequence-display{gap:var(--spacing-xs);flex-wrap:wrap;align-items:center;min-height:40px;display:flex}.sequence-letter{border-radius:var(--radius-sm);background-color:var(--primary-lightest);border:1px solid var(--primary);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.empty-sequence{color:var(--gray-500);font-style:italic}.letter-clicking-controls{gap:var(--spacing-md);flex-direction:column;display:flex}.control-buttons{justify-content:space-between;gap:var(--spacing-sm);display:flex}.hint-button,.reset-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);background-color:var(--white);border:1px solid var(--gray-300);color:var(--gray-700);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex}.hint-button:hover:not(:disabled),.reset-button:hover:not(:disabled){background-color:var(--gray-100)}.hint-button:disabled,.reset-button:disabled{cursor:not-allowed;opacity:.5}.hint-container{padding:var(--spacing-sm);background-color:var(--primary-lightest);border-left:3px solid var(--primary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm)}.hint-container p{margin:0;font-size:.9rem}.check-button{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm)var(--spacing-md);background-color:var(--primary);color:var(--white);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600;transition:background-color .2s;display:flex}.check-button:hover:not(:disabled){background-color:var(--primary-dark)}.check-button:disabled{background-color:var(--gray-300);cursor:not-allowed}.spinner{animation:1s linear infinite spin}.result-feedback{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.result-message{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--radius-sm);justify-content:center;width:100%;font-weight:600;display:flex}.result-message.correct{color:var(--success);background-color:var(--success-light)}.result-message.incorrect{color:var(--danger);background-color:var(--danger-light)}.try-again-button{padding:var(--spacing-xs)var(--spacing-md);background-color:var(--white);border:1px solid var(--primary);color:var(--primary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.try-again-button:hover{background-color:var(--primary-lightest)}.correct-answer{margin-top:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-sm);background-color:var(--gray-50);border-left:3px solid var(--success)}.correct-answer p{margin:0 0 var(--spacing-xs)0;font-weight:500}.correct-sequence{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.correct-letter{border-radius:var(--radius-sm);background-color:var(--success-light);border:1px solid var(--success);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}[dir=rtl] .hint-container{border-left:none;border-right:3px solid var(--primary)}[dir=rtl] .correct-answer{border-left:none;border-right:3px solid var(--success)}[dir=rtl] .sequence-number{left:5px;right:auto}@media (width<=768px){.letter-grid{grid-template-columns:repeat(auto-fit,minmax(60px,1fr))!important}}@media (width<=480px){.letter-button{min-height:60px;font-size:1.5rem}.control-buttons{flex-direction:column}.sequence-letter,.correct-letter{width:35px;height:35px;font-size:1rem}}.intro-task-container{background-color:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.intro-task-header{margin-bottom:var(--spacing-md)}.intro-task-header h2{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--primary);font-size:1.5rem}.task-description{color:var(--gray-700);margin-bottom:var(--spacing-md);font-size:1rem;line-height:1.5}.intro-task-exercises{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.intro-task-loading{padding:var(--spacing-xl)0;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.intro-task-error{padding:var(--spacing-lg);background-color:var(--danger-light);border-radius:var(--radius-md);color:var(--danger);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.intro-task-error svg{margin-bottom:var(--spacing-sm)}.intro-task-completed{justify-content:center;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md)0;padding:var(--spacing-md);background-color:var(--success-light);color:var(--success);border-radius:var(--radius-md);font-weight:600;display:flex}.intro-task-progress{margin-top:var(--spacing-md)}.progress-label{margin-bottom:var(--spacing-xs);color:var(--gray-700);justify-content:space-between;font-size:.9rem;display:flex}.progress-bar{background-color:var(--gray-200);border-radius:var(--radius-sm);height:8px;overflow:hidden}.progress-fill{background-color:var(--primary);height:100%;transition:width .3s}.unsupported-exercise{padding:var(--spacing-md);background-color:var(--gray-100);border-radius:var(--radius-md);text-align:center;color:var(--gray-700)}@media (width<=768px){.intro-task-container{padding:var(--spacing-md)}}@media (width<=480px){.intro-task-header h2{font-size:1.25rem}.task-description{font-size:.9rem}.progress-label{font-size:.8rem}}.task-viewer{background-color:var(--white);border-radius:12px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000000d}.task-completion-toast{color:#fff;z-index:10;background-color:#4caf50;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;animation:.3s ease-out toast-appear,.3s ease-out 2.7s forwards toast-fade;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #4caf504d}@keyframes toast-appear{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-fade{0%{opacity:1}to{opacity:0}}.task-viewer-header{border-bottom:1px solid var(--border-color,#e5e7eb);padding:1.5rem;box-shadow:0 2px 8px #0000001a}.task-header-content{flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.task-title{color:var(--primary,#3c64b1);align-items:center;gap:.5rem;margin:0;font-size:1.35rem;display:flex}.task-navigation{align-items:center;gap:1rem;display:flex}.task-progress{color:var(--text-secondary,#6b7280);font-size:.95rem;font-weight:500}.task-nav-buttons{gap:.5rem;display:flex}.task-nav-button{border:1px solid var(--border-color,#e5e7eb);background-color:var(--white);width:40px;height:40px;color:var(--text-primary,#1f2937);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.task-nav-button:hover:not(:disabled){background-color:var(--primary-light,#edf2f7);color:var(--primary,#3c64b1);border-color:var(--primary-light,#edf2f7)}.task-nav-button:disabled{opacity:.5;cursor:not-allowed}.task-content{background-color:#fafbfc;flex:1;min-height:350px;padding:1.75rem;overflow:auto}.task-footer{border-top:1px solid var(--border-color,#e5e7eb);flex-flow:row-reverse wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem;display:flex}.complete-task-button{background-color:var(--primary,#3c64b1);color:var(--white);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .25s;display:flex;box-shadow:0 4px 8px #3c64b126}.complete-task-button:hover:not(:disabled){background-color:var(--primary-dark,#2c4d82);box-shadow:0 6px 12px #3c64b140}.complete-task-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;background-color:#9ca3af;transform:none}.task-pagination{justify-content:space-between;gap:.75rem;width:100%;display:flex}.pagination-button{color:var(--primary,#3c64b1);border:1px solid var(--primary-light,#edf2f7);cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-weight:500;transition:all .2s;display:flex}.pagination-button:hover:not(:disabled){background-color:var(--primary-light,#edf2f7)}.pagination-button:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary,#6b7280);border-color:var(--border-color,#e5e7eb);background-color:#0000}.pagination-button:disabled:hover{background-color:#0000}.next-button{color:var(--primary,#3c64b1)}.next-button:disabled{color:var(--text-secondary,#6b7280)}.task-viewer-empty,.task-viewer-unsupported{text-align:center;min-height:300px;color:var(--text-secondary,#6b7280);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}[dir=rtl] .prev-button,[dir=rtl] .next-button{flex-direction:row-reverse}[dir=rtl] .task-nav-button:first-child svg,[dir=rtl] .task-nav-button:last-child svg{transform:rotate(180deg)}@media (width<=992px){.task-title{font-size:1.25rem}.task-content{padding:1.5rem}.task-completion-toast{padding:.7rem 1.15rem;font-size:.95rem}}@media (width<=768px){.task-viewer-header{padding:1.25rem}.task-header-content{flex-direction:column-reverse;align-items:flex-start;gap:.75rem}.task-navigation{justify-content:space-between;width:100%}.task-title{font-size:1.15rem}.task-content{min-height:250px;padding:1.25rem}.task-footer{flex-direction:column;gap:1rem;padding:1.25rem}.complete-task-button{justify-content:center;width:100%;padding:.75rem 1rem}.task-pagination{justify-content:space-between;width:100%}.pagination-button{flex:1;justify-content:center;padding:.625rem 1rem;font-size:.9rem}.task-completion-toast{white-space:nowrap;text-overflow:ellipsis;max-width:90%;top:15px;overflow:hidden}}@media (width<=480px){.task-viewer-header{padding:1rem}.task-title{font-size:1.1rem}.task-content{min-height:200px;padding:1rem}.task-footer{padding:1rem}.complete-task-button{padding:.625rem 1rem;font-size:.95rem}.pagination-button{padding:.5rem .75rem;font-size:.85rem}.task-nav-button{width:36px;height:36px}.task-completion-toast{padding:.6rem 1rem;font-size:.9rem;top:10px}}.generic-task{background-color:#fafbfc;border-radius:8px;flex-direction:column;gap:1.5rem;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.generic-task-header{border-bottom:1px solid var(--border-color,#e5e7eb);align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.generic-task-header svg{color:var(--primary,#3c64b1)}.generic-task-header h2{color:var(--text-primary,#1f2937);margin:0;font-size:1.35rem;font-weight:600}.generic-task-content{flex-direction:column;flex:1;gap:1.5rem;display:flex}.generic-task-description{color:#000;background-color:#fff;border-radius:8px;padding:1.5rem;font-size:1.1rem;line-height:1.6;box-shadow:0 1px 3px #0000000d}.generic-task-description table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color,#ddd);width:100%;margin:1rem 0;overflow:hidden}.generic-task-description table td,.generic-task-description table th{border:1px solid var(--border-color,#ddd);vertical-align:top;text-align:left;padding:.75rem;position:relative}.generic-task-description table th{background-color:var(--background-light,#f8f9fa);color:var(--text-dark,#333);font-weight:600}.generic-task-description table tr:nth-child(2n){background-color:var(--background-light,#f8f9fa)}.generic-task-description table tr:hover{background-color:var(--primary-light,#e5effd)}[dir=rtl] .generic-task-description table td,[dir=rtl] .generic-task-description table th{text-align:right}[lang=ar] .generic-task-description table,[dir=rtl] .generic-task-description table,.generic-task-description table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .generic-task-description table td,[lang=ar] .generic-task-description table th,[dir=rtl] .generic-task-description table td,[dir=rtl] .generic-task-description table th{text-align:right;font-size:1.1rem;line-height:1.8}.generic-paragraph{margin-bottom:1rem}.generic-paragraph:last-child{margin-bottom:0}.generic-html-content h1,.generic-html-content h2,.generic-html-content h3,.generic-html-content h4{color:var(--primary,#3c64b1);margin-top:0}.generic-html-content p{margin-bottom:1rem}.generic-html-content ul,.generic-html-content ol{margin-bottom:1rem;padding-left:1.5rem}.generic-html-content table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color,#ddd);background-color:#fff;width:100%;margin:1rem 0;overflow:hidden}.generic-html-content table td,.generic-html-content table th{border:1px solid var(--border-color,#ddd);vertical-align:top;text-align:left;padding:.75rem;position:relative}.generic-html-content table th{background-color:var(--background-light,#f8f9fa);color:var(--text-dark,#333);font-weight:600}.generic-html-content table tr:nth-child(2n){background-color:var(--background-light,#f8f9fa)}.generic-html-content table tr:hover{background-color:var(--primary-light,#e5effd)}[dir=rtl] .generic-html-content table td,[dir=rtl] .generic-html-content table th{text-align:right}[lang=ar] .generic-html-content table,[dir=rtl] .generic-html-content table,.generic-html-content table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .generic-html-content table td,[lang=ar] .generic-html-content table th,[dir=rtl] .generic-html-content table td,[dir=rtl] .generic-html-content table th{text-align:right;font-size:1.1rem;line-height:1.8}.generic-task-image{background-color:#fff;border-radius:8px;justify-content:center;margin:1rem 0;padding:1rem;display:flex;box-shadow:0 1px 3px #0000000d}.generic-task-image img{object-fit:contain;border-radius:4px;max-width:100%;max-height:400px}.generic-task-text{background-color:#fff;border-radius:8px;padding:1.5rem;font-size:1.1rem;line-height:1.6;box-shadow:0 1px 3px #0000000d}.generic-task-text table{border-collapse:collapse;table-layout:fixed;border:1px solid var(--border-color,#ddd);width:100%;margin:1rem 0;overflow:hidden}.generic-task-text table td,.generic-task-text table th{border:1px solid var(--border-color,#ddd);vertical-align:top;text-align:left;padding:.75rem;position:relative}.generic-task-text table th{background-color:var(--background-light,#f8f9fa);color:var(--text-dark,#333);font-weight:600}.generic-task-text table tr:nth-child(2n){background-color:var(--background-light,#f8f9fa)}.generic-task-text table tr:hover{background-color:var(--primary-light,#e5effd)}[dir=rtl] .generic-task-text table td,[dir=rtl] .generic-task-text table th{text-align:right}[lang=ar] .generic-task-text table,[dir=rtl] .generic-task-text table,.generic-task-text table [lang=ar]{font-size:1.1rem;line-height:1.8}[lang=ar] .generic-task-text table td,[lang=ar] .generic-task-text table th,[dir=rtl] .generic-task-text table td,[dir=rtl] .generic-task-text table th{text-align:right;font-size:1.1rem;line-height:1.8}.generic-task-vocabulary{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.generic-task-vocabulary h3{color:var(--primary,#3c64b1);border-bottom:1px solid var(--border-color,#e5e7eb);margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem}.generic-vocabulary-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.generic-vocabulary-item{background-color:#f9fafb;border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.generic-vocabulary-item strong{color:var(--primary,#3c64b1);font-size:1.1rem;display:block}.generic-vocabulary-item p{color:var(--text-primary,#1f2937);margin:0}.generic-vocabulary-item p.example{color:var(--text-secondary,#6b7280);border-left:2px solid var(--border-color,#e5e7eb);margin-top:.5rem;padding-left:1rem;font-style:italic}.vocabulary-audio{width:100%;margin-top:.5rem}.generic-task-audio{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.generic-task-audio h3{color:var(--primary,#3c64b1);margin-top:0;margin-bottom:1rem;font-size:1.25rem}.generic-task-exercises{background-color:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000000d}.generic-task-empty,.generic-task-error{text-align:center;background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:250px;padding:2rem;display:flex;box-shadow:0 1px 3px #0000000d}.generic-task-error svg,.generic-task-empty svg{color:#f59e0b;margin-bottom:.5rem}.generic-task-error h3{color:#b91c1c;margin:0}.generic-task-error p,.generic-task-empty p{color:var(--text-secondary,#6b7280);margin:0}.task-debug-info{color:#6b7280;margin-top:1rem;font-size:.85rem}.task-debug-details{width:100%;margin-top:1rem}.task-debug-details summary{cursor:pointer;color:var(--primary,#3c64b1);background-color:#f3f4f6;border-radius:4px;padding:.5rem;font-size:.9rem}.task-debug-details pre{background-color:#f3f4f6;border-radius:4px;max-height:300px;margin-top:.5rem;padding:1rem;font-size:.85rem;overflow:auto}.generic-task-raw{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.generic-task-raw h3{color:var(--primary,#3c64b1);border-bottom:1px solid var(--border-color,#e5e7eb);margin-top:0;margin-bottom:1rem;padding-bottom:.75rem;font-size:1.25rem}.generic-task-debug{font-size:.95rem}.generic-task-debug p{margin:.5rem 0}.troubleshooting-tips{background-color:#f3f4f6;border-left:4px solid #f59e0b;border-radius:8px;margin:1.5rem 0;padding:1rem}.troubleshooting-tips h4{color:#b45309;margin-top:0;margin-bottom:.75rem}.troubleshooting-tips ul{margin:0;padding-left:1.5rem}.troubleshooting-tips li{margin-bottom:.5rem}.generic-task-completion{justify-content:center;margin-top:1.5rem;display:flex}.no-exercises-message{color:var(--text-secondary,#6b7280);background-color:#f3f4f6;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:1rem;display:flex}.reading-task{flex-direction:column;gap:2rem;padding:1.5rem;display:flex}.reading-content{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.reading-text-header{border-bottom:1px solid var(--border-color,#e5e7eb);align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.reading-icon{color:var(--primary,#3c64b1)}.reading-title{color:var(--primary,#3c64b1);margin:0;font-size:1.25rem}.reading-text{color:var(--text-primary,#1f2937);font-size:1.1rem;line-height:1.6}.reading-paragraph{margin-bottom:1rem}.reading-html-content h1,.reading-html-content h2,.reading-html-content h3{color:var(--primary,#3c64b1);margin-top:1.5rem;margin-bottom:1rem}.reading-html-content h1:first-child,.reading-html-content h2:first-child,.reading-html-content h3:first-child{margin-top:0}.reading-html-content p{margin-bottom:1rem}.reading-html-content ul,.reading-html-content ol{margin-bottom:1rem;padding-left:1.5rem}.reading-html-content img{border-radius:4px;max-width:100%;margin:1rem 0}.reading-vocabulary{border-top:1px solid var(--border-color,#e5e7eb);margin-top:2rem;padding-top:1.5rem}.reading-vocabulary h4{color:var(--primary,#3c64b1);margin-top:0;margin-bottom:1rem}.vocabulary-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.vocabulary-item{background-color:#f9fafb;border-radius:8px;padding:1rem}.vocabulary-item strong{color:var(--primary,#3c64b1);margin-bottom:.5rem;display:block}.missing-reading-text{text-align:center;background-color:#f9fafb;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:200px;padding:2rem;display:flex}.missing-reading-text svg{color:#f59e0b}.reading-task-error{text-align:center;background-color:#fee2e2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:300px;padding:2rem;display:flex}.reading-task-error svg{color:#b91c1c}.reading-task-error h3{color:#b91c1c;margin:0}.reading-task-error p{color:#7f1d1d;margin:0}.reading-error{color:#b91c1c;font-style:italic}.listening-task-container{background-color:#f8f9fa;border-radius:8px;flex-direction:column;align-items:center;margin:20px 0;padding:20px;display:flex}.audio-player-container{justify-content:center;width:100%;margin-bottom:20px;display:flex}.audio-player{background-color:#e9f0f8;border-radius:12px;width:100%;max-width:500px;padding:15px;transition:all .3s;box-shadow:0 2px 5px #0000001a}.audio-player.playing{background-color:#d4e6f9;box-shadow:0 4px 8px #00000026}.task-audio-player{width:100%}.listening-task-text{background-color:#fff;border-radius:8px;width:100%;max-width:800px;margin-top:20px;padding:15px;box-shadow:0 1px 3px #0000001a}.debug-toggle-button{cursor:pointer;color:#4b5563;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;margin-top:10px;padding:5px 10px;font-size:.85rem;transition:all .2s}.debug-toggle-button:hover{color:#1f2937;background-color:#e5e7eb}.task-debug-panel{background-color:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;margin-top:15px;padding:15px;font-family:Courier New,monospace;font-size:.85rem}.task-debug-panel h4{color:#4b5563;margin-top:0;margin-bottom:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.95rem}.debug-content{background-color:#f1f5f9;border-radius:4px;max-height:300px;padding:10px;overflow:auto}.debug-content pre{white-space:pre-wrap;margin:0}.task-debug-panel details{margin-top:10px}.task-debug-panel summary{cursor:pointer;color:#4b5563;background-color:#e5e7eb;border-radius:4px;padding:5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem}.task-error-banner{color:#991b1b;background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;align-items:center;gap:10px;margin-bottom:15px;padding:12px 15px;font-size:.95rem;display:flex}.task-error-banner svg{color:#ef4444;flex-shrink:0}.task-error-banner button{background-color:#ffffff80;border-color:#fca5a5;margin-top:0;margin-left:auto;padding:3px 8px;font-size:.8rem}.task-error-banner button:hover{background-color:#fffc}.task-viewer-error{color:#d32f2f;text-align:center;background-color:#fff0f0;border:1px solid #ffcdd2;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin:1rem;padding:2rem;display:flex}.task-viewer-error h3{margin:0;font-size:1.25rem}.task-viewer-error p{color:#424242;max-width:600px;margin:0 0 1rem}.task-viewer-error svg{color:#d32f2f}.task-description{margin-bottom:1.5rem;line-height:1.5}.main-description,.general-description,.fallback-description{margin-bottom:1rem}.main-description:last-child,.general-description:last-child,.fallback-description:last-child{margin-bottom:0}.general-description{border-top:1px solid #0000001a;padding-top:.5rem}.main-description p,.general-description p,.fallback-description p{margin:0 0 .75rem}.main-description p:last-child,.general-description p:last-child,.fallback-description p:last-child{margin-bottom:0}[dir=rtl] .main-description,[dir=rtl] .general-description,[dir=rtl] .fallback-description{text-align:right}.description-html-content{line-height:1.5}.description-html-content p:last-child{margin-bottom:0}[lang=ar] .description-html-content{text-align:right;direction:rtl;font-size:1.1em;line-height:1.7}.lesson-detail-page{flex-direction:column;max-width:1280px;min-height:calc(100vh - 80px);margin:0 auto;padding:1.5rem;display:flex}.lesson-detail-header{border-bottom:1px solid var(--primary-light,#e1e8f5);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.lesson-title-container{text-align:right;flex:1}.go-back-button{background:var(--gray-light,#f8f9fa);border:1px solid var(--gray-lighter,#e9ecef);border-radius:var(--radius-sm,4px);color:var(--primary);cursor:pointer;flex-shrink:0;align-self:flex-start;align-items:center;gap:.5rem;height:40px;padding:.5rem .75rem;font-size:.95rem;transition:all .2s;display:flex}.go-back-button:hover{background-color:var(--primary-light);color:var(--primary-dark)}.lesson-detail-title{color:var(--primary);justify-content:flex-end;align-items:center;margin:0 0 .5rem;font-size:1.75rem;line-height:1.3;display:flex}.lesson-detail-icon{color:var(--primary);flex-shrink:0;margin-right:.75rem}.lesson-detail-description{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.5}.lesson-detail-content{background-color:var(--white);border:1px solid rgba(var(--secondary-rgb),.6);border-radius:12px;flex-direction:column;flex:1;min-height:500px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.lesson-detail-loading,.lesson-detail-error,.lesson-detail-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}[dir=rtl] .lesson-detail-icon{margin-left:.75rem;margin-right:0}[dir=rtl] .go-back-button{flex-direction:row-reverse}[dir=rtl] .lesson-detail-title{flex-direction:row-reverse;justify-content:flex-start}[dir=rtl] .lesson-title-container{text-align:left}@media (width<=992px){.lesson-detail-page{padding:1.25rem}.lesson-detail-title{font-size:1.5rem}.lesson-detail-description{max-width:95%}[dir=rtl] .lesson-title-container{text-align:left}[dir=rtl] .lesson-detail-title{justify-content:flex-start}}@media (width<=768px){.lesson-detail-page{min-height:calc(100vh - 60px);padding:1rem}.lesson-detail-header{flex-direction:column;margin-bottom:1.25rem;padding-bottom:.75rem}.go-back-button{align-self:flex-start;margin-bottom:.75rem}.lesson-title-container{text-align:right}.lesson-detail-title{justify-content:flex-end;font-size:1.4rem}.lesson-detail-description{max-width:100%;font-size:.95rem}.lesson-detail-content{min-height:400px}[dir=rtl] .lesson-title-container{text-align:left}[dir=rtl] .lesson-detail-title{justify-content:flex-start}}@media (width<=480px){.lesson-detail-page{padding:.75rem}.lesson-detail-header{margin-bottom:1rem;padding-bottom:.5rem}.lesson-detail-title{font-size:1.25rem}.lesson-detail-icon{margin-right:.5rem;transform:scale(.9)}.lesson-detail-description{font-size:.9rem}.go-back-button{height:36px;padding:.4rem .6rem;font-size:.9rem}[dir=rtl] .lesson-detail-icon{margin-left:.5rem;margin-right:0}[dir=rtl] .lesson-title-container{text-align:left}[dir=rtl] .lesson-detail-title{justify-content:flex-start}.lesson-detail-content{min-height:350px}}.services-page{min-height:100vh}.services-hero{background:linear-gradient(135deg,var(--light)0%,var(--white)100%);padding:var(--spacing-3xl)0;padding-top:calc(var(--header-height) + var(--spacing-3xl));margin-top:calc(-1*var(--header-height));position:relative;overflow:hidden}.services-hero:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 60\" fill=\"%2300443f\" opacity=\"0.03\"><circle cx=\"30\" cy=\"30\" r=\"20\"/><path d=\"M30 10v40M10 30h40\"/></svg>") 0 0/60px 60px;animation:15s ease-in-out infinite heroPatternFloat;position:absolute;inset:0}@keyframes heroPatternFloat{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-10px)translate(10px)}}.services-hero-content{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.services-hero-title{color:var(--primary);margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;animation:.8s forwards slideUp;transform:translateY(30px)}.services-hero-subtitle{color:var(--black);margin-bottom:var(--spacing-2xl);opacity:0;font-size:1.25rem;line-height:1.6;animation:.8s .2s forwards slideUp;transform:translateY(30px)}.services-cta{opacity:0;animation:.8s .4s forwards slideUp;transform:translateY(30px)}.arabic-learning-section{padding:var(--spacing-3xl)0;background:var(--white)}.section-subtitle{color:var(--black);max-width:600px;margin:0 auto var(--spacing-2xl);opacity:.8;font-size:1.125rem;line-height:1.6}.arabic-services-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.arabic-service-card{background:var(--light);padding:var(--spacing-2xl);border-radius:var(--radius-lg);border-left:5px solid var(--primary);opacity:0;transition:all var(--transition-normal);position:relative;overflow:hidden;transform:translateY(30px)}.arabic-service-card:before{content:"";width:100%;height:100%;transition:all var(--transition-normal);opacity:0;background:linear-gradient(45deg,#0000 30%,#cca0611a 50%,#0000 70%);position:absolute;top:-50%;right:-50%;transform:rotate(45deg)}.arabic-service-card:hover:before{opacity:1;animation:1.5s ease-in-out shimmer}.arabic-service-card:hover{box-shadow:var(--shadow-xl);border-left-color:var(--secondary);transform:translateY(-10px)}.service-icon-wrapper{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-lg);width:80px;height:80px;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:inline-flex}.service-icon{color:var(--white)}.service-title{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:600}.service-description{color:var(--black);margin-bottom:var(--spacing-lg);line-height:1.6}.service-features{margin:0;padding:0;list-style:none}.service-feature{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--primary);font-weight:500;display:flex}.quran-studies-section{padding:var(--spacing-3xl)0;background:var(--primary);color:var(--white);position:relative;overflow:hidden}.quran-studies-section:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 80 80\" fill=\"%23ffffff\" opacity=\"0.05\"><path d=\"M40 10c20 10 30 20 30 40s-10 30-30 40c-20-10-30-20-30-40s10-30 30-40z\"/></svg>") 0 0/80px 80px;animation:25s linear infinite quranPatternMove;position:absolute;inset:0}@keyframes quranPatternMove{0%{transform:translate(0)translateY(0)}to{transform:translate(80px)translateY(80px)}}.quran-studies-section .section-title,.quran-studies-section .section-subtitle{color:var(--white);z-index:1;position:relative}.quran-services-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);z-index:1;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid;position:relative}.quran-service-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-lg);opacity:0;transition:all var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;transform:translateY(30px)}.quran-service-card:hover{border-color:var(--secondary);background:#ffffff26;transform:translateY(-10px)}.quran-card-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.quran-service-icon{color:var(--secondary)}.quran-service-title{color:var(--white);margin:0;font-size:1.25rem;font-weight:600}.quran-service-description{color:#ffffffe6;margin-bottom:var(--spacing-lg);line-height:1.6}.quran-service-highlight{align-items:center;gap:var(--spacing-xs);color:var(--secondary);font-size:.9rem;font-weight:500;display:flex}.learning-formats-section{padding:var(--spacing-3xl)0;background:var(--light)}.formats-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.format-card{background:var(--white);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);opacity:0;transition:all var(--transition-normal);border-top:4px solid var(--secondary);transform:translateY(30px)}.format-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.format-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex}.format-icon-bg{background:linear-gradient(135deg,var(--secondary)0%,#d9b078 100%);border-radius:var(--radius-md);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.format-icon{color:var(--primary)}.format-title{color:var(--primary);margin:0;font-size:1.25rem;font-weight:600}.format-description{color:var(--black);margin-bottom:var(--spacing-lg);line-height:1.6}.format-benefits{gap:var(--spacing-sm);flex-direction:column;display:flex}.format-benefit{align-items:center;gap:var(--spacing-sm);color:var(--primary);font-weight:500;display:flex}.benefit-check{border-radius:var(--radius-full);background:var(--secondary);flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:relative}.benefit-check:after{content:"✓";color:var(--primary);font-size:10px;font-weight:700}.skills-development-section{padding:var(--spacing-3xl)0;background:var(--white)}.skills-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.skill-card{text-align:center;padding:var(--spacing-xl);background:var(--light);border-radius:var(--radius-lg);opacity:0;transition:all var(--transition-normal);position:relative;transform:translateY(30px)}.skill-card:before{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);opacity:0;border-radius:var(--radius-lg);transition:opacity var(--transition-normal);position:absolute;inset:0}.skill-card:hover:before{opacity:.05}.skill-card:hover{transform:translateY(-10px)}.skill-icon-wrapper{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-full);width:80px;height:80px;margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);z-index:1;justify-content:center;align-items:center;display:inline-flex;position:relative}.skill-icon{color:var(--white)}.skill-title{color:var(--primary);margin-bottom:var(--spacing-md);z-index:1;font-size:1.25rem;font-weight:600;position:relative}.skill-description{color:var(--black);z-index:1;line-height:1.6;position:relative}.special-features-section{padding:var(--spacing-3xl)0;background:var(--secondary);color:var(--primary)}.features-showcase{gap:var(--spacing-xl);margin:var(--spacing-2xl)0;flex-direction:column;max-width:800px;margin-left:auto;margin-right:auto;display:flex}.feature-showcase-item{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-lg);opacity:0;transition:all var(--transition-normal);background:#ffffffe6;display:flex;transform:translate(-30px)}.feature-showcase-item:hover{background:var(--white);box-shadow:var(--shadow-lg)}.feature-showcase-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-md);width:60px;height:60px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-showcase-title{color:var(--primary);margin-bottom:var(--spacing-sm);font-size:1.25rem;font-weight:600}.feature-showcase-description{color:var(--black);margin:0;line-height:1.6}.services-final-cta{text-align:center;padding:var(--spacing-2xl);border-radius:var(--radius-lg);opacity:0;transition:all var(--transition-normal);background:#ffffffe6;transform:scale(.95)}.services-final-cta h3{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.5rem}.services-final-cta p{color:var(--black);margin-bottom:var(--spacing-lg);line-height:1.6}.animate-in .services-hero-title,.animate-in .services-hero-subtitle,.animate-in .services-cta{animation:.8s forwards slideUp}.animate-in .arabic-service-card,.animate-in .quran-service-card,.animate-in .format-card,.animate-in .skill-card{opacity:1;transform:translateY(0)}.animate-in .feature-showcase-item{opacity:1;transform:translate(0)}.animate-in .services-final-cta{opacity:1;transform:scale(1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.services-hero-title{font-size:2.5rem}.arabic-services-grid,.quran-services-grid,.formats-grid,.skills-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.feature-showcase-item{text-align:center;gap:var(--spacing-md);flex-direction:column}.format-header{text-align:center;gap:var(--spacing-sm);flex-direction:column}}@media (width<=480px){.services-hero{padding:var(--spacing-2xl)0}.services-hero-title{font-size:2rem}.arabic-service-card,.format-card,.skill-card{padding:var(--spacing-lg)}.service-icon-wrapper,.skill-icon-wrapper{width:60px;height:60px}.format-icon-bg{width:50px;height:50px}}.about-us-page{min-height:100vh}.about-hero{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);color:var(--white);padding:var(--spacing-3xl)0;padding-top:calc(var(--header-height));margin-top:calc(-1*var(--header-height));position:relative;overflow:hidden}.about-hero:before{content:"";background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\" fill=\"%23ffffff\" opacity=\"0.05\"><path d=\"M30 70c20-30 50-30 70 0\"/><path d=\"M30 30c20 30 50 30 70 0\"/></svg>") 0 0/100px 100px;animation:20s linear infinite patternMove;position:absolute;inset:0}@keyframes patternMove{0%{transform:translate(0)translateY(0)}to{transform:translate(100px)translateY(100px)}}.about-hero-content{gap:var(--spacing-3xl);z-index:1;grid-template-columns:1fr 1fr;align-items:center;display:grid;position:relative}.about-hero-title{margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--white)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;line-height:1.2}.about-hero-subtitle{margin-bottom:var(--spacing-2xl);opacity:.9;font-size:1.25rem;line-height:1.6}.about-stats{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);max-width:400px;display:grid}.stat-item{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform var(--transition-normal);background:#ffffff1a;border:1px solid #fff3}.stat-item:hover{transform:translateY(-5px)}.stat-number{color:var(--secondary);margin-bottom:var(--spacing-xs);font-size:2rem;font-weight:700}.stat-label{opacity:.8;font-size:.9rem}.about-hero-image{justify-content:center;align-items:center;display:flex}.hero-image-wrapper{border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);transition:transform var(--transition-normal);position:relative;overflow:hidden;transform:rotate(3deg)}.hero-image-wrapper:hover{transform:rotate(0)scale(1.05)}.hero-image{object-fit:cover;width:100%;height:400px;display:block}.image-overlay{background:linear-gradient(45deg,var(--primary)20%,transparent 70%);opacity:.3;position:absolute;inset:0}.about-mission{padding:var(--spacing-3xl)0;background:var(--white)}.mission-content{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.mission-text .section-title{color:var(--primary);margin-bottom:var(--spacing-lg)}.mission-description{color:var(--black);margin-bottom:var(--spacing-xl);font-size:1.125rem;line-height:1.7}.mission-highlights{gap:var(--spacing-lg);flex-direction:column;display:flex}.highlight-item{gap:var(--spacing-md);padding:var(--spacing-md);background:var(--light);border-radius:var(--radius-md);border-left:4px solid var(--secondary);opacity:0;transition:all var(--transition-normal);align-items:flex-start;display:flex;transform:translate(-20px)}.highlight-icon{color:var(--primary);margin-top:var(--spacing-xs);flex-shrink:0}.highlight-item h3{color:var(--primary);margin-bottom:var(--spacing-xs);font-size:1.125rem}.highlight-item p{color:var(--black);margin:0;line-height:1.6}.mission-image img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:400px;box-shadow:var(--shadow-lg)}.about-values{padding:var(--spacing-3xl)0;background:var(--light)}.values-grid{gap:var(--spacing-xl);margin-top:var(--spacing-2xl);grid-template-columns:repeat(4,1fr);display:grid}.value-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-md);opacity:0;transition:all var(--transition-normal);border-top:4px solid var(--secondary);transform:translateY(30px)}.value-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px)}.value-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);width:80px;height:80px;color:var(--white);border-radius:var(--radius-full);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:inline-flex}.value-title{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.25rem}.value-description{color:var(--black);line-height:1.6}.about-approach{padding:var(--spacing-3xl)0;background:var(--white)}.approach-content{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:center;display:grid}.approach-image img{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:400px;box-shadow:var(--shadow-lg)}.approach-text .section-title{color:var(--primary);margin-bottom:var(--spacing-lg)}.approach-description{color:var(--black);margin-bottom:var(--spacing-xl);font-size:1.125rem;line-height:1.7}.approach-features{gap:var(--spacing-md);flex-direction:column;display:flex}.feature-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--light);border-radius:var(--radius-md);opacity:0;transition:all var(--transition-normal);display:flex;transform:translate(-20px)}.feature-bullet{background:var(--secondary);border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.feature-item span{color:var(--primary);font-weight:500}.about-team{padding:var(--spacing-3xl)0;background:var(--primary);color:var(--white)}.about-team .section-title{color:var(--white);margin-bottom:var(--spacing-lg)}.team-description{opacity:.9;max-width:800px;margin:0 auto var(--spacing-2xl);font-size:1.125rem;line-height:1.7}.team-commitment{justify-content:center;display:flex}.commitment-card{padding:var(--spacing-2xl);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;opacity:0;max-width:600px;transition:all var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;transform:scale(.9)}.commitment-card h3{color:var(--secondary);margin-bottom:var(--spacing-md);font-size:1.5rem}.commitment-card p{opacity:.9;margin:0;line-height:1.6}.about-page-section-title{color:var(--white);margin-bottom:var(--spacing-lg);text-align:center;font-size:2.5rem;font-weight:700}.team-members-grid{gap:var(--spacing-lg);margin:var(--spacing-2xl)0;padding:var(--spacing-xl)0;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.team-member-card{padding:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);transition:all var(--transition-normal);background:#ffffff1a;border:1px solid #fff3;flex-direction:column;justify-content:space-between;min-height:180px;display:flex}.team-member-card:hover{background:#ffffff26;border-color:#cca06166;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.member-info{margin-bottom:var(--spacing-md)}.member-name{color:var(--white);margin:0 0 var(--spacing-xs)0;font-size:1.125rem;font-weight:700;line-height:1.3}.member-role{color:var(--secondary);opacity:.9;margin:0;font-size:.875rem;font-weight:500}.member-quote{padding-top:var(--spacing-md);border-top:1px solid #ffffff1a;margin-top:auto}.member-quote p{color:#ffffffd9;text-align:right;direction:rtl;margin:0;font-family:Amiri,Traditional Arabic,serif;font-size:1.1rem;font-style:italic;line-height:1.6}.animate-in .about-hero-title,.animate-in .about-hero-subtitle,.animate-in .stat-item{animation:.6s forwards slideInUp}.animate-in .hero-image-wrapper{animation:.8s forwards slideInRight}.animate-in .highlight-item,.animate-in .feature-item{opacity:1;transform:translate(0)}.animate-in .value-card{opacity:1;transform:translateY(0)}.animate-in .commitment-card{opacity:1;transform:scale(1)}.about-credits{padding:var(--spacing-2xl)0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-top:1px solid #0000001a}.credits-content{justify-content:center;align-items:center;display:flex}.credits-badge{align-items:center;gap:var(--spacing-lg);background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);border:1px solid #0000000d;display:flex;position:relative;overflow:hidden}.credits-badge:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.credits-badge:hover:before{left:100%}.credits-badge:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.badge-icon{background:linear-gradient(135deg,var(--primary)0%,var(--primary-dark)100%);border-radius:var(--radius-full);z-index:2;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:relative}.code-symbol{color:var(--white);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.5rem;font-weight:700}.badge-text{text-align:center;z-index:2;position:relative}.badge-text h3{color:var(--primary);margin-bottom:var(--spacing-sm);font-size:1.125rem;font-weight:600}.company-link{color:var(--primary);margin-bottom:var(--spacing-xs);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);-webkit-text-fill-color:transparent;transition:all var(--transition-normal);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-block;position:relative}.company-link:after{content:"";background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);width:0;height:2px;transition:all var(--transition-normal);position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.company-link:hover:after{width:100%}.company-link:hover{transform:scale(1.05)}.badge-text p{color:#6c757d;margin:0;font-size:.9rem;font-style:italic}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)rotate(3deg)}to{opacity:1;transform:translate(0)rotate(3deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-in .credits-badge{animation:.6s forwards fadeInScale}@media (width<=768px){.about-hero-content,.mission-content,.approach-content{gap:var(--spacing-xl);grid-template-columns:1fr}.about-hero-title{font-size:2.5rem}.about-page-section-title{font-size:2rem}.about-stats{grid-template-columns:repeat(2,1fr);max-width:none}.stat-item{padding:var(--spacing-sm)}.stat-number{font-size:1.5rem}.values-grid{gap:var(--spacing-lg);grid-template-columns:1fr}.team-members-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.hero-image,.mission-image img,.approach-image img{height:250px}.highlight-item,.feature-item{text-align:center;gap:var(--spacing-sm);flex-direction:column}.highlight-icon{margin-top:0}}@media (width<=480px){.about-hero{padding:var(--spacing-2xl)0}.about-hero-title{font-size:2rem}.about-page-section-title{font-size:1.5rem}.about-stats{gap:var(--spacing-md);grid-template-columns:1fr}.value-card,.commitment-card{padding:var(--spacing-lg)}.team-members-grid{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:1fr}.team-member-card{min-height:150px}.member-name{font-size:1rem}.member-role{font-size:.8rem}.member-quote p{font-size:.875rem}.credits-badge{gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center;flex-direction:column}.badge-icon{width:60px;height:60px}.code-symbol,.company-link{font-size:1.25rem}}.welcome-page{background:linear-gradient(135deg,#00443ff2 0%,#00443fe6 50%,#997849d9 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.welcome-overlay{z-index:1;background:linear-gradient(135deg,#00443f4d 0%,#00282566 100%);width:100%;height:100%;position:absolute;top:0;left:0}.welcome-arabic-letters-bg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.welcome-floating-letter{color:#f1e9d626;will-change:transform,opacity;pointer-events:none;opacity:0;font-family:Amiri,Traditional Arabic,serif;font-weight:700;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);animation:12s ease-in-out infinite welcome-float-letter;position:absolute;transform:translateY(20px)scale(.8)}.welcome-floating-letter.welcome-letter-visible{opacity:1;text-shadow:0 0 30px #f1e9d64d,0 0 60px #f1e9d61a;transform:translateY(0)scale(1)}.welcome-floating-letter.welcome-letter-hidden{opacity:0;transform:translateY(-20px)scale(.9)}@keyframes welcome-float-letter{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-25px)translate(12px)rotate(4deg)}50%{transform:translateY(-40px)translate(-8px)rotate(-2deg)}75%{transform:translateY(-15px)translate(18px)rotate(5deg)}}.welcome-container{text-align:center;width:100%;max-width:700px;padding:var(--spacing-3xl,3rem);border-radius:var(--radius-xl,16px);z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.welcome-logo{margin-bottom:var(--spacing-lg,1.5rem)}.welcome-logo img{filter:drop-shadow(0 4px 6px #0000001a);max-width:150px;height:auto}.welcome-success-icon{margin-bottom:var(--spacing-lg,1.5rem);color:var(--primary,#00443f);animation:2s ease-in-out infinite welcome-pulse}@keyframes welcome-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.welcome-title{justify-content:center;align-items:center;gap:var(--spacing-sm,.5rem);color:var(--primary,#00443f);margin-bottom:var(--spacing-md,1rem);letter-spacing:-.02em;font-size:2rem;font-weight:700;display:flex}.welcome-title-icon{color:var(--secondary,#cca061);animation:2s ease-in-out infinite welcome-sparkle}@keyframes welcome-sparkle{0%,to{opacity:1;transform:rotate(0)scale(1)}50%{opacity:.8;transform:rotate(10deg)scale(1.1)}}.welcome-message{color:#555;margin-bottom:var(--spacing-2xl,2.5rem);max-width:550px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.7}.welcome-countdown-section{background:linear-gradient(135deg,var(--light,#f1e9d6)0%,#f8f4eb 100%);border-radius:var(--radius-lg,12px);padding:var(--spacing-xl,2rem);margin-bottom:var(--spacing-xl,2rem);border:1px solid #cca06133}.welcome-countdown-label{justify-content:center;align-items:center;gap:var(--spacing-xs,.25rem);color:var(--primary,#00443f);margin-bottom:var(--spacing-lg,1.5rem);font-size:1rem;font-weight:600;display:flex}.welcome-timer{justify-content:center;align-items:flex-start;gap:var(--spacing-sm,.5rem);flex-wrap:wrap;display:flex}.welcome-time-unit{flex-direction:column;align-items:center;display:flex}.welcome-time-number{background:linear-gradient(180deg,var(--primary,#00443f)0%,#002825 100%);color:#fff;padding:var(--spacing-sm,.5rem)var(--spacing-md,1rem);border-radius:var(--radius-md,8px);text-align:center;min-width:60px;font-size:2rem;font-weight:700;box-shadow:0 4px 12px #00443f4d}.welcome-time-number.welcome-seconds{animation:1s ease-in-out infinite welcome-tick}@keyframes welcome-tick{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.welcome-time-label{text-transform:uppercase;letter-spacing:2px;color:var(--secondary,#cca061);margin-top:var(--spacing-xs,.25rem);font-size:.7rem;font-weight:600}.welcome-separator{color:var(--secondary,#cca061);margin-top:.5rem;font-size:2rem;font-weight:700;animation:1s ease-in-out infinite welcome-blink}@keyframes welcome-blink{0%,to{opacity:1}50%{opacity:.3}}.welcome-login-section{align-items:center;gap:var(--spacing-md,1rem);margin-bottom:var(--spacing-xl,2rem);flex-direction:column;display:flex}.welcome-login-text{color:#666;margin:0;font-size:1rem}.welcome-login-link{align-items:center;gap:var(--spacing-xs,.25rem);color:#fff;padding:var(--spacing-sm,.5rem)var(--spacing-xl,2rem);background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);border-radius:var(--radius-md,8px);font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #00443f4d}.welcome-login-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00443f66}.welcome-login-link:active{transform:translateY(0)}.welcome-footer{margin-top:var(--spacing-lg,1.5rem);color:#888;margin-bottom:0;font-size:.875rem}@media (width<=768px){.welcome-page{padding:var(--spacing-md,1rem)}.welcome-container{padding:var(--spacing-xl,2rem)var(--spacing-lg,1.5rem)}.welcome-title{font-size:1.5rem}.welcome-message{font-size:1rem}.welcome-time-number{min-width:50px;padding:var(--spacing-xs,.25rem)var(--spacing-sm,.5rem);font-size:1.5rem}.welcome-separator{font-size:1.5rem}.welcome-floating-letter{font-size:1.5rem!important}}@media (width<=480px){.welcome-logo img{max-width:100px}.welcome-success-icon svg{width:48px;height:48px}.welcome-title{flex-wrap:wrap;font-size:1.25rem}.welcome-timer{gap:.25rem}.welcome-time-number{min-width:45px;font-size:1.25rem}.welcome-separator{font-size:1.25rem}.welcome-time-label{letter-spacing:1px;font-size:.6rem}.welcome-floating-letter{font-size:1.2rem!important}}html[dir=rtl] .welcome-login-link{flex-direction:row-reverse}@media (prefers-reduced-motion:reduce){.welcome-floating-letter,.welcome-success-icon,.welcome-title-icon{transition:none;animation:none}.welcome-floating-letter.welcome-letter-visible{opacity:.15}.welcome-floating-letter.welcome-letter-hidden{opacity:0}.welcome-time-number.welcome-seconds,.welcome-separator{animation:none}}.standalone-login-page{background:linear-gradient(135deg,#00443ff2 0%,#00443fe6 50%,#997849d9 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:80vh;display:flex}.standalone-login-overlay{z-index:1;background:linear-gradient(135deg,#00443f4d 0%,#00282566 100%);width:100%;height:100%;position:absolute;top:0;left:0}.standalone-login-letters-bg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.standalone-login-letter{color:#f1e9d626;will-change:transform,opacity;pointer-events:none;opacity:0;font-family:Amiri,Traditional Arabic,serif;font-weight:700;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);animation:12s ease-in-out infinite standalone-float-letter;position:absolute;transform:translateY(20px)scale(.8)}.standalone-login-letter.standalone-letter-visible{opacity:1;text-shadow:0 0 30px #f1e9d64d,0 0 60px #f1e9d61a;transform:translateY(0)scale(1)}.standalone-login-letter.standalone-letter-hidden{opacity:0;transform:translateY(-20px)scale(.9)}@keyframes standalone-float-letter{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-25px)translate(12px)rotate(4deg)}50%{transform:translateY(-40px)translate(-8px)rotate(-2deg)}75%{transform:translateY(-15px)translate(18px)rotate(5deg)}}.standalone-login-container{text-align:center;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;width:100%;max-width:420px;padding:2.5rem;position:relative;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.standalone-login-back{color:#666;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:1rem;left:1rem}.standalone-login-back:hover{color:var(--primary,#00443f)}.standalone-login-logo{margin-bottom:1.5rem}.standalone-login-logo img{filter:drop-shadow(0 4px 6px #0000001a);max-width:120px;height:auto}.standalone-login-title{color:var(--primary,#00443f);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.standalone-login-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.standalone-login-success{text-align:center;padding:2rem}.standalone-login-success h2{color:var(--primary,#00443f);margin-bottom:.5rem}.standalone-login-success p{color:#666}.standalone-login-form{text-align:left}.standalone-form-group{margin-bottom:1.25rem}.standalone-form-group label{color:#333;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.standalone-form-group input[type=text],.standalone-form-group input[type=password]{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:1rem;transition:all .2s}.standalone-form-group input:focus{border-color:var(--secondary,#cca061);outline:none;box-shadow:0 0 0 3px #cca06133}.standalone-form-group input.has-error{border-color:#dc2626}.standalone-field-error{color:#dc2626;margin-top:.25rem;font-size:.75rem}.standalone-password-input{position:relative}.standalone-password-input input{padding-right:2.5rem}.standalone-password-toggle{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.standalone-password-toggle:hover{color:var(--primary,#00443f)}.standalone-form-options{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.875rem;display:flex}.standalone-checkbox-label{cursor:pointer;color:#555;align-items:center;gap:.5rem;display:flex}.standalone-checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary,#00443f)}.standalone-forgot-link{color:var(--secondary,#cca061);font-weight:500;text-decoration:none;transition:color .2s}.standalone-forgot-link:hover{color:var(--primary,#00443f)}.standalone-login-button{background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #00443f4d}.standalone-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00443f66}.standalone-login-button:active:not(:disabled){transform:translateY(0)}.standalone-login-button:disabled{opacity:.7;cursor:not-allowed}.standalone-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite standalone-spin}@keyframes standalone-spin{to{transform:rotate(360deg)}}.standalone-login-footer{text-align:center;margin-top:1.5rem}.standalone-login-footer p{color:#666;margin:0;font-size:.875rem}.standalone-register-link{color:var(--primary,#00443f);font-weight:600;text-decoration:none;transition:color .2s}.standalone-register-link:hover{color:var(--secondary,#cca061)}.standalone-login-brand{color:#888;margin-top:2rem;margin-bottom:0;font-size:.875rem}@media (width<=480px){.standalone-login-page{padding:1rem}.standalone-login-container{padding:1.5rem}.standalone-login-logo img{max-width:100px}.standalone-login-title{font-size:1.5rem}.standalone-form-options{flex-direction:column;align-items:flex-start;gap:.75rem}.standalone-login-letter{font-size:1.2rem!important}}html[dir=rtl] .standalone-login-back{left:auto;right:1rem}html[dir=rtl] .standalone-password-toggle{left:.75rem;right:auto}html[dir=rtl] .standalone-password-input input{padding-left:2.5rem;padding-right:1rem}.standalone-login-countdown-message{text-align:center;padding:1rem 0}.standalone-login-lock-icon{width:80px;height:80px;color:var(--primary,#00443f);background:linear-gradient(135deg,#00443f1a 0%,#cca0611a 100%);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.standalone-login-countdown-message h2{color:var(--primary,#00443f);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.standalone-login-countdown-message>p{color:#666;margin:0 0 1.5rem;font-size:.9375rem;line-height:1.5}.standalone-login-timer{background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);color:#fff;border-radius:50px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #00443f4d}.standalone-login-countdown-actions{margin-top:1rem}.standalone-login-countdown-actions .standalone-login-button{width:auto;padding:.875rem 2rem;text-decoration:none;display:inline-flex}.standalone-login-countdown-note{color:#888;margin-top:1rem;font-size:.8125rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.standalone-login-letter{transition:none;animation:none}.standalone-login-letter.standalone-letter-visible{opacity:.15}.standalone-login-letter.standalone-letter-hidden{opacity:0}.standalone-spinner{animation:none}}.standalone-reg-page{background:linear-gradient(135deg,#00443ff2 0%,#00443fe6 50%,#997849d9 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.standalone-reg-overlay{z-index:1;background:linear-gradient(135deg,#00443f4d 0%,#00282566 100%);width:100%;height:100%;position:absolute;top:0;left:0}.standalone-reg-letters-bg{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.standalone-reg-letter{color:#f1e9d626;will-change:transform,opacity;pointer-events:none;opacity:0;font-family:Amiri,Traditional Arabic,serif;font-weight:700;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),transform 1.2s cubic-bezier(.4,0,.2,1);animation:12s ease-in-out infinite standalone-reg-float-letter;position:absolute;transform:translateY(20px)scale(.8)}.standalone-reg-letter.standalone-letter-visible{opacity:1;text-shadow:0 0 30px #f1e9d64d,0 0 60px #f1e9d61a;transform:translateY(0)scale(1)}.standalone-reg-letter.standalone-letter-hidden{opacity:0;transform:translateY(-20px)scale(.9)}@keyframes standalone-reg-float-letter{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-25px)translate(12px)rotate(4deg)}50%{transform:translateY(-40px)translate(-8px)rotate(-2deg)}75%{transform:translateY(-15px)translate(18px)rotate(5deg)}}.standalone-reg-container{text-align:center;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a}.standalone-reg-back{color:#666;align-items:center;gap:.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:1rem;left:1rem}.standalone-reg-back:hover{color:var(--primary,#00443f)}.standalone-reg-logo{margin-bottom:1rem}.standalone-reg-logo img{filter:drop-shadow(0 4px 6px #0000001a);max-width:100px;height:auto}.standalone-reg-title{color:var(--primary,#00443f);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.standalone-reg-step-indicators{justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.standalone-reg-step-indicator{color:#666;background:#e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex}.standalone-reg-step-indicator.standalone-reg-active{background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);color:#fff;box-shadow:0 4px 12px #00443f4d}.standalone-reg-step-indicator.standalone-reg-completed{background:var(--secondary,#cca061);color:#fff}.standalone-reg-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.standalone-reg-success{text-align:center;padding:2rem}.standalone-reg-success-icon{background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;animation:2s ease-in-out infinite standalone-reg-pulse;display:flex}@keyframes standalone-reg-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.standalone-reg-success h2{color:var(--primary,#00443f);margin-bottom:.5rem;font-size:1.5rem}.standalone-reg-success p{color:#666}.standalone-reg-form{text-align:left}.standalone-reg-step-title{color:var(--primary,#00443f);text-align:center;margin-bottom:1.25rem;font-size:1rem;font-weight:600}.standalone-reg-form-group{margin-bottom:1rem}.standalone-reg-form-group label{color:#333;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:flex}.standalone-reg-form-group input[type=text],.standalone-reg-form-group input[type=email],.standalone-reg-form-group input[type=password],.standalone-reg-form-group input[type=tel],.standalone-reg-form-group input[type=date],.standalone-reg-form-group select,.standalone-reg-form-group textarea{border:1px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:all .2s}.standalone-reg-form-group input:focus,.standalone-reg-form-group select:focus,.standalone-reg-form-group textarea:focus{border-color:var(--secondary,#cca061);outline:none;box-shadow:0 0 0 3px #cca06133}.standalone-reg-form-group input.standalone-reg-has-error,.standalone-reg-form-group select.standalone-reg-has-error,.standalone-reg-form-group textarea.standalone-reg-has-error{border-color:#dc2626}.standalone-reg-form-group textarea{resize:vertical;min-height:100px}.standalone-reg-field-error{color:#dc2626;margin-top:.25rem;font-size:.75rem}.standalone-reg-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.standalone-reg-input-container{position:relative}.standalone-reg-validation-indicator{position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.standalone-reg-spinner-small{border:2px solid #e0e0e0;border-top-color:var(--primary,#00443f);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite standalone-reg-spin}.standalone-reg-password-input{position:relative}.standalone-reg-password-input input{padding-right:2.5rem}.standalone-reg-password-toggle{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;display:flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.standalone-reg-password-toggle:hover{color:var(--primary,#00443f)}.standalone-reg-password-strength{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.standalone-reg-password-strength-bar{background:#e0e0e0;border-radius:2px;flex:1;height:4px;overflow:hidden}.standalone-reg-password-strength-fill{border-radius:2px;height:100%;transition:width .3s,background-color .3s}.standalone-reg-password-strength-fill[data-strength=schwach]{background:#dc2626}.standalone-reg-password-strength-fill[data-strength=mittel]{background:#f59e0b}.standalone-reg-password-strength-fill[data-strength=stark]{background:#10b981}.standalone-reg-password-strength-fill[data-strength=sehr\ stark]{background:#059669}.standalone-reg-password-strength-label{text-align:right;min-width:70px;font-size:.75rem;font-weight:600}.standalone-reg-password-requirements{grid-template-columns:1fr 1fr;gap:.25rem 1rem;margin-top:.75rem;font-size:.75rem;display:grid}.standalone-reg-requirement-item{color:#666;align-items:center;gap:.25rem;display:flex}.standalone-reg-requirement-item .standalone-reg-checked{color:#10b981}.standalone-reg-requirement-item .standalone-reg-unchecked{color:#d1d5db}.standalone-reg-optional{color:#888;margin-left:.25rem;font-size:.75rem;font-weight:400}.standalone-reg-char-count{color:#888;text-align:right;margin-top:.25rem;font-size:.75rem}.standalone-reg-avatar-group{margin-bottom:1.5rem}.standalone-reg-avatar-upload{flex-direction:column;align-items:center;gap:.75rem;display:flex}.standalone-reg-avatar-input{display:none}.standalone-reg-avatar-placeholder{background:linear-gradient(135deg,var(--light,#f1e9d6)0%,#f8f4eb 100%);cursor:pointer;color:#888;border:2px dashed #ccc;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;width:100px;height:100px;transition:all .3s;display:flex}.standalone-reg-avatar-placeholder:hover{border-color:var(--primary);color:var(--primary);background:#00443f0d}.standalone-reg-avatar-placeholder span{font-size:.7rem;font-weight:500}.standalone-reg-avatar-preview-container{width:100px;height:100px;position:relative}.standalone-reg-avatar-preview{object-fit:cover;border:3px solid var(--primary);border-radius:50%;width:100px;height:100px;box-shadow:0 4px 12px #00000026}.standalone-reg-avatar-remove{color:#fff;cursor:pointer;background:#f44336;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 6px #0003}.standalone-reg-avatar-remove:hover{background:#d32f2f;transform:scale(1.1)}.standalone-reg-checkbox-group{margin:1.5rem 0}.standalone-reg-checkbox-label{cursor:pointer;align-items:flex-start;gap:.75rem;display:flex}.standalone-reg-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary,#00443f);flex-shrink:0;margin-top:.125rem}.standalone-reg-checkbox-text{color:#555;font-size:.875rem;line-height:1.4}.standalone-reg-form-buttons{gap:1rem;margin-top:1.5rem;display:flex}.standalone-reg-prev-button,.standalone-reg-next-button,.standalone-reg-submit-button{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.standalone-reg-prev-button{color:#666;background:#f0f0f0}.standalone-reg-prev-button:hover:not(:disabled){background:#e0e0e0}.standalone-reg-next-button,.standalone-reg-submit-button{background:linear-gradient(135deg,var(--primary,#00443f)0%,#002825 100%);color:#fff;box-shadow:0 4px 12px #00443f4d}.standalone-reg-next-button:hover:not(:disabled),.standalone-reg-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00443f66}.standalone-reg-next-button:active:not(:disabled),.standalone-reg-submit-button:active:not(:disabled){transform:translateY(0)}.standalone-reg-prev-button:disabled,.standalone-reg-next-button:disabled,.standalone-reg-submit-button:disabled{opacity:.7;cursor:not-allowed}.standalone-reg-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite standalone-reg-spin}@keyframes standalone-reg-spin{to{transform:rotate(360deg)}}.standalone-reg-footer{text-align:center;margin-top:1.5rem}.standalone-reg-footer p{color:#666;margin:0;font-size:.875rem}.standalone-reg-login-link{color:var(--primary,#00443f);font-weight:600;text-decoration:none;transition:color .2s}.standalone-reg-login-link:hover{color:var(--secondary,#cca061)}.standalone-reg-brand{color:#888;margin-top:1.5rem;margin-bottom:0;font-size:.875rem}@media (width<=576px){.standalone-reg-page{padding:1rem}.standalone-reg-container{max-height:95vh;padding:1.5rem}.standalone-reg-logo img{max-width:80px}.standalone-reg-title{font-size:1.25rem}.standalone-reg-form-row,.standalone-reg-password-requirements{grid-template-columns:1fr}.standalone-reg-form-buttons{flex-direction:column}.standalone-reg-prev-button{order:2}.standalone-reg-next-button,.standalone-reg-submit-button{order:1}.standalone-reg-letter{font-size:1.2rem!important}}html[dir=rtl] .standalone-reg-back{left:auto;right:1rem}html[dir=rtl] .standalone-reg-password-toggle{left:.75rem;right:auto}html[dir=rtl] .standalone-reg-password-input input{padding-left:2.5rem;padding-right:1rem}html[dir=rtl] .standalone-reg-validation-indicator{left:.75rem;right:auto}@media (prefers-reduced-motion:reduce){.standalone-reg-letter{transition:none;animation:none}.standalone-reg-letter.standalone-letter-visible{opacity:.15}.standalone-reg-letter.standalone-letter-hidden{opacity:0}.standalone-reg-spinner,.standalone-reg-spinner-small,.standalone-reg-success-icon{animation:none}}.vocab-word-selector-popup{z-index:9999;background-color:var(--white);border-radius:var(--radius-md);padding:var(--spacing-xs);animation:.2s vocab-fadeIn;position:absolute;box-shadow:0 4px 12px #00000026}@keyframes vocab-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.vocab-add-to-vocabulary-button{background-color:var(--primary);width:100%;color:var(--white);border-radius:var(--radius-sm);padding:var(--spacing-xs)var(--spacing-sm);cursor:pointer;white-space:normal;text-align:center;border:none;justify-content:center;align-items:center;min-height:32px;font-size:.85rem;font-weight:600;line-height:1.3;transition:all .3s;display:flex}.vocab-add-to-vocabulary-button:hover:not(:disabled){background-color:var(--primary-dark)}.vocab-add-to-vocabulary-button:disabled{opacity:.7;cursor:not-allowed}.vocab-add-to-vocabulary-button svg{margin-right:var(--spacing-xs)}.vocab-word-added-message{text-align:center;color:#4caf50;padding:var(--spacing-xs)var(--spacing-sm);font-size:.85rem;font-weight:600}.vocab-button-spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite vocab-spin}@keyframes vocab-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vocab-looking-up{padding:var(--spacing-xs)var(--spacing-sm);color:var(--primary);align-items:center;gap:8px;font-size:.85rem;display:flex}.vocab-looking-up .vocab-button-spinner{border:2px solid #00443f33;border-top-color:var(--primary)}.vocab-ai-indicator{color:var(--secondary);flex-shrink:0;width:20px;height:20px;margin-right:4px}.vocab-add-to-vocabulary-button .vocab-ai-indicator{animation:1.5s ease-in-out infinite vocab-sparkle}@keyframes vocab-sparkle{0%,to{opacity:1}50%{opacity:.5}}html[dir=rtl] .vocab-add-to-vocabulary-button svg{margin-right:0;margin-left:var(--spacing-xs)}@media (width<=480px){.vocab-word-selector-popup{min-width:100px;max-width:240px}.vocab-add-to-vocabulary-button{padding:var(--spacing-xs)var(--spacing-xs);min-height:36px;font-size:.8rem}}:root{--primary:#00443f;--primary-rgb:0,68,63;--primary-dark:#00332e;--secondary:#cca061;--secondary-rgb:204,160,97;--light:#f1e9d6;--white:#fff;--black:#000;--header-height:100px;--background-light:#e8e8e8;--border-light:#e0e0e0;--font-primary:"Montserrat",sans-serif;--font-arabic:"Amiri","Traditional Arabic","Arial Unicode MS",serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 2px 3px #00000026;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--shadow-xl:0 20px 25px #0000001a;--shadow-2xl:0 25px 50px #0000001a;--shadow-3xl:0 35px 60px #0000001a;--success:#28a745;--success-rgb:40,167,69;--success-light:#28a7451a;--success-dark:#218838;--error:#dc3545;--error-rgb:220,53,69;--error-light:#dc35451a;--error-dark:#c82333;--warning:#ffc107;--warning-rgb:255,193,7;--warning-light:#ffc1071a;--warning-dark:#e0a800;--danger:#dc3545;--danger-rgb:220,53,69;--danger-light:#dc35451a;--border-color:#cca06180;--border-radius:4px;--border-width:1px}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--black);background:var(--white);font-size:16px;line-height:1.5;font-family:var(--font-primary);scroll-behavior:smooth;-webkit-user-select:text;user-select:text}#root{flex-direction:column;min-height:100%;display:flex}.main-content{padding-top:var(--header-height);flex:1}.main-content--no-padding{padding-top:0}.main-content--standalone{min-height:100vh;padding-top:0}html[dir=rtl] body,html[lang=ar] body{font-family:var(--font-primary),"Geeza Pro",sans-serif}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);margin-bottom:var(--spacing-md);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--secondary)}.container{width:100%;max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}section{padding:var(--spacing-3xl)0}.section-title{text-align:center;margin-bottom:var(--spacing-2xl)}.gram-toggle-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.gram-toggle-button svg{width:20px;height:20px}.gram-toggle-button:hover{background-color:var(--primary);color:var(--white)}.btn{border-radius:var(--radius-md);font-family:var(--font-primary);text-align:center;cursor:pointer;transition:all var(--transition-normal);border:none;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-block}.btn-primary{background-color:var(--primary);color:var(--white)}.btn-primary:hover{color:var(--white);background-color:#005a53}.btn-secondary{background-color:var(--secondary);color:var(--primary)}.btn-secondary:hover{color:var(--primary);background-color:#d9b078}.btn-outline{border:2px solid var(--primary);color:var(--primary);background-color:#0000}.btn-outline:hover,.bg-primary{background-color:var(--primary);color:var(--white)}.bg-secondary{background-color:var(--secondary);color:var(--primary)}.bg-light{background-color:var(--light);color:var(--primary)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-light{color:var(--light)}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.text-center{text-align:center}.row{flex-wrap:wrap;margin:0 -15px;display:flex}.col{flex:1 0;padding:0 15px}.toggle-button{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-md);background-color:var(--primary);color:var(--white);cursor:pointer;transition:background-color var(--transition-fast);justify-content:center;align-items:center;display:flex}.toggle-button:hover{background-color:var(--secondary)}@media (width<=768px){html,body{font-size:14px}.row{flex-direction:column}.col{max-width:100%;margin-bottom:var(--spacing-md);flex:0 0 100%}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}section{padding:var(--spacing-2xl)0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full);transition:all var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:var(--secondary);cursor:pointer}.fade-in{animation:fadeIn var(--transition-normal)}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px)}table{border-collapse:collapse;background-color:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);margin:1rem 0;overflow:hidden}table td,table th{border:1px solid var(--border-color);vertical-align:top;text-align:left;padding:.75rem;font-size:1rem;line-height:1.5}table th{background-color:var(--background-light);color:var(--primary);text-align:center;font-weight:600}table tr:nth-child(2n){background-color:#f8f9fa}table tr:hover{transition:background-color var(--transition-fast);background-color:#f0f7ff}html[dir=rtl] table td,html[dir=rtl] table th{text-align:right}html[dir=rtl] table th{text-align:center}html[lang=ar] table,html[dir=rtl] table,table[lang=ar]{font-size:1.1rem;line-height:1.8}html[lang=ar] table td,html[lang=ar] table th,html[dir=rtl] table td,html[dir=rtl] table th{padding:1rem;font-size:1.1rem;line-height:1.8}@media (width<=768px){table{white-space:nowrap;font-size:.9rem;display:block;overflow-x:auto}table td,table th{min-width:120px;padding:.5rem}}@media (width<=480px){table{font-size:.85rem}table td,table th{min-width:100px;padding:.4rem}}[class*=content],[class*=description],[class*=text],[class*=explanation],[class*=instructions],[class*=details]{line-height:1.6}[class*=content] p,[class*=description] p,[class*=text] p,[class*=explanation] p,[class*=instructions] p,[class*=details] p{margin-bottom:1rem}[class*=content] ul,[class*=content] ol,[class*=description] ul,[class*=description] ol,[class*=text] ul,[class*=text] ol,[class*=explanation] ul,[class*=explanation] ol,[class*=instructions] ul,[class*=instructions] ol,[class*=details] ul,[class*=details] ol{margin:1rem 0;padding-left:1.5rem}html[dir=rtl] [class*=content] ul,html[dir=rtl] [class*=content] ol,html[dir=rtl] [class*=description] ul,html[dir=rtl] [class*=description] ol,html[dir=rtl] [class*=text] ul,html[dir=rtl] [class*=text] ol,html[dir=rtl] [class*=explanation] ul,html[dir=rtl] [class*=explanation] ol,html[dir=rtl] [class*=instructions] ul,html[dir=rtl] [class*=instructions] ol,html[dir=rtl] [class*=details] ul,html[dir=rtl] [class*=details] ol{padding-left:0;padding-right:1.5rem}html[dir=rtl] .btn,html[dir=rtl] input,html[dir=rtl] textarea{font-family:var(--font-primary),"Noto Sans Arabic",sans-serif}::selection{background:var(--secondary)!important;color:var(--primary)!important}.hero-section{align-items:center;min-height:80vh;display:flex}.about-section,.services-section,.programs-section,.cta-section{padding:var(--spacing-3xl)0}.cta-section{padding:var(--spacing-2xl)0}.arabic-text{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga" 1,"calt" 1,"clig" 1,"mark" 1,"mkmk" 1;font-variant-ligatures:common-ligatures contextual;direction:rtl;unicode-bidi:isolate;font-family:var(--font-arabic)!important}