:root{--beige-50:#fdfaf4;--beige-100:#f8f1e5;--beige-200:#efe4d0;--beige-300:#e0cebc;--beige-400:#c8ae92;--green-100:#d6e9d3;--green-200:#aecfaa;--green-300:#7faf7b;--green-400:#4f8f5e;--green-500:#2f6641;--green-600:#1a4228;--gold-100:#f0deb8;--gold-200:#d4a96a;--gold-300:#a07840;--text-dark:#1c2c1e;--text-mid:#3a4e3c;--text-muted:#6e8072;--shadow-sm:0 2px 12px rgba(47,102,65,.08);--shadow-md:0 6px 28px rgba(47,102,65,.12);--shadow-lg:0 16px 48px rgba(47,102,65,.16);--radius:14px;--transition:0.4s cubic-bezier(0.25,0.8,0.25,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-nunito),sans-serif;font-weight:400;color:var(--text-dark);background:var(--beige-50);line-height:1.7;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-cormorant),serif;font-weight:600;line-height:1.25}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font-family:var(--font-nunito),sans-serif}.container{max-width:1160px;margin:0 auto;padding:0 32px}.mt-2{margin-top:1.5rem}.mt-3{margin-top:2.5rem}.gold-line{width:64px;height:2px;background:linear-gradient(90deg,var(--gold-200),var(--gold-100));margin:18px auto;border-radius:2px}.section-tag{display:inline-block;font-family:var(--font-nunito),sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--green-400);padding:5px 14px;background:var(--green-100);border-radius:50px;margin-bottom:14px}.section-header{text-align:center;margin-bottom:56px}.section-header h2{font-size:clamp(2rem,3.5vw,2.8rem);color:var(--text-dark)}.section-desc{color:var(--text-muted);margin-top:10px;font-size:1.05rem}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:background var(--transition),padding var(--transition),box-shadow var(--transition)}.navbar.scrolled{background:hsla(40,69%,97%,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:12px 0;box-shadow:0 2px 20px rgba(47,102,65,.1)}.nav-container{max-width:1160px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;flex-direction:column;line-height:1.1}.logo-arabic{font-size:1.15rem;color:var(--gold-200);letter-spacing:.03em}.logo-arabic,.logo-text{font-family:var(--font-cormorant),serif}.logo-text{font-size:1rem;font-weight:600;letter-spacing:.04em}.logo-text,.navbar.scrolled .logo-text{color:var(--text-dark)}.navbar:not(.scrolled) .logo-text{color:#fff}.navbar:not(.scrolled) .logo-arabic{color:var(--gold-100)}.nav-links{display:flex;align-items:center;gap:32px;list-style:none}.nav-links a{font-size:.88rem;font-weight:500;letter-spacing:.04em;color:var(--text-mid);transition:color .3s;position:relative}.navbar:not(.scrolled) .nav-links a{color:hsla(0,0%,100%,.85)}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--green-400);transition:width .3s}.navbar:not(.scrolled) .nav-links a:after{background:#fff}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--green-500)}.navbar:not(.scrolled) .nav-links a:hover{color:#fff}.nav-cta{background:var(--green-400)!important;color:#fff!important;padding:10px 22px;border-radius:50px;font-weight:600!important;transition:background var(--transition),transform var(--transition),box-shadow var(--transition)!important;letter-spacing:.04em}.navbar:not(.scrolled) .nav-cta{background:hsla(0,0%,100%,.2)!important;border:1px solid hsla(0,0%,100%,.4)}.nav-cta:after{display:none!important}.nav-cta:hover{background:var(--green-500)!important;transform:translateY(-1px);box-shadow:0 6px 20px rgba(47,102,65,.3)}.btn{display:inline-block;padding:14px 36px;border-radius:50px;font-family:var(--font-nunito),sans-serif;font-size:.92rem;font-weight:600;letter-spacing:.06em;cursor:pointer;transition:all var(--transition);border:none}.btn-primary{background:linear-gradient(135deg,var(--green-400),var(--green-500));color:#fff;box-shadow:0 4px 16px rgba(47,102,65,.25)}.btn-primary:hover{background:linear-gradient(135deg,var(--green-500),var(--green-600));transform:translateY(-2px);box-shadow:0 8px 28px rgba(47,102,65,.35);color:#fff}.btn-secondary{background:transparent;color:#fff;border:1.5px solid hsla(0,0%,100%,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-secondary:hover{background:hsla(0,0%,100%,.15);border-color:#fff;transform:translateY(-2px);color:#fff}.btn-sm{padding:10px 24px;font-size:.82rem}.btn-lg{padding:17px 48px;font-size:1rem}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(160deg,#376b4e,#4e8e68 35%,#68a880 65%,#569170)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,hsla(36,55%,62%,.14) 0,transparent 55%),radial-gradient(ellipse at 80% 20%,hsla(0,0%,100%,.08) 0,transparent 50%)}.hero-pattern{position:absolute;inset:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;opacity:1}.hero-content{position:relative;z-index:2;text-align:center;padding:120px 32px 80px;max-width:820px;animation:heroFadeIn 1.2s ease forwards}@keyframes heroFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bismillah{font-family:var(--font-cormorant),serif;font-size:clamp(1.4rem,3vw,2rem);color:var(--gold-100);letter-spacing:.04em;margin-bottom:18px;animation:heroFadeIn 1.2s ease .2s both}.hero-divider{width:80px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-200),transparent);margin:0 auto 28px;animation:heroFadeIn 1.2s ease .3s both}.hero-title{font-size:clamp(2.4rem,5.5vw,4.6rem);color:#fff;margin-bottom:18px;font-weight:500;line-height:1.2;animation:heroFadeIn 1.2s ease .35s both}.hero-title span{color:var(--gold-100);display:block;font-style:normal;font-weight:700}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:hsla(0,0%,100%,.85);font-weight:300;letter-spacing:.05em;margin-bottom:28px;animation:heroFadeIn 1.2s ease .45s both}.hero-dua{font-family:var(--font-cormorant),serif;font-size:1.05rem;font-style:italic;color:hsla(0,0%,100%,.7);max-width:560px;margin:0 auto 40px;line-height:1.8;border-left:2px solid var(--gold-200);padding-left:20px;text-align:left;animation:heroFadeIn 1.2s ease .55s both}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:heroFadeIn 1.2s ease .65s both}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 20px;border-radius:50px;margin-bottom:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:heroFadeIn 1.2s ease .25s both}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:#7bf0a0;box-shadow:0 0 8px rgba(123,240,160,.8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.hero-scroll-indicator{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:hsla(0,0%,100%,.5);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;animation:heroFadeIn 1.5s ease 1s both}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,hsla(0,0%,100%,.4),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}.about{padding:100px 0;background:var(--beige-50)}.about-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:64px;gap:64px;align-items:start}.about-text p{color:var(--text-mid);line-height:1.85;margin-bottom:18px;font-size:1.02rem}.about-text strong{color:var(--green-500)}.about-features{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.feature-item{display:flex;gap:14px;align-items:flex-start;background:#fff;padding:20px;border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--beige-200);transition:transform var(--transition),box-shadow var(--transition)}.feature-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{font-size:1.5rem;flex-shrink:0}.feature-item h4{font-size:.95rem;color:var(--text-dark);margin-bottom:4px}.feature-item p{font-size:.83rem;color:var(--text-muted);line-height:1.5}.ijaza-section{margin-top:72px;text-align:center}.ijaza-header{margin-bottom:40px}.ijaza-header h3{font-size:1.75rem;color:var(--green-600);margin-bottom:12px}.ijaza-subtitle{max-width:620px;margin:0 auto;color:var(--text-muted);font-size:1rem;line-height:1.75}.ijaza-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px;max-width:1000px;margin:0 auto}.ijaza-item{display:flex;flex-direction:column;align-items:center;gap:20px}.ijaza-frame{background:#fff;border:2px solid var(--gold-200);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow-lg);width:100%;transition:transform var(--transition),box-shadow var(--transition)}.ijaza-frame:hover{transform:translateY(-4px);box-shadow:0 24px 64px rgba(47,102,65,.18)}.ijaza-img{border-radius:8px;display:block}.ijaza-credit{display:flex;flex-direction:column;gap:4px;text-align:center}.ijaza-name{font-family:var(--font-cormorant),serif;font-size:1.1rem;font-weight:600;color:var(--green-600);line-height:1.35}.ijaza-role{font-size:.88rem;color:var(--text-muted);line-height:1.5}.accreditation{padding:100px 0;background:var(--beige-50)}.accredi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:28px;gap:28px}.accredi-card{background:none;border:none;padding:0;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:14px;border-radius:var(--radius);transition:transform var(--transition)}.accredi-card:hover{transform:translateY(-5px)}.accredi-card-img-wrap{position:relative;border-radius:10px;overflow:hidden;background:#fff;border:1.5px solid var(--gold-200);box-shadow:var(--shadow-md);transition:box-shadow var(--transition),border-color var(--transition)}.accredi-card:hover .accredi-card-img-wrap{box-shadow:var(--shadow-lg);border-color:var(--gold-300)}.accredi-card-img{display:block;transition:transform .5s ease}.accredi-card:hover .accredi-card-img{transform:scale(1.04)}.accredi-card-overlay{position:absolute;inset:0;background:rgba(26,66,40,.58);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.accredi-card:hover .accredi-card-overlay{opacity:1}.accredi-card-zoom{position:relative;width:52px;height:52px;border-radius:50%;background:hsla(0,0%,100%,.18);border:2px solid hsla(0,0%,100%,.75);transform:scale(.7);transition:transform .35s ease;flex-shrink:0}.accredi-card:hover .accredi-card-zoom{transform:scale(1)}.accredi-card-zoom:after,.accredi-card-zoom:before{content:"";position:absolute;background:#fff;border-radius:2px;top:50%;left:50%}.accredi-card-zoom:before{width:18px;height:2px;transform:translate(-50%,-50%)}.accredi-card-zoom:after{width:2px;height:18px;transform:translate(-50%,-50%)}.accredi-card-info{display:flex;flex-direction:column;gap:4px;padding:0 2px;text-align:center}.accredi-card-name{font-family:var(--font-cormorant),serif;font-size:.95rem;font-weight:600;color:var(--green-600);line-height:1.35}.accredi-card-role{font-size:.76rem;color:var(--text-muted);line-height:1.4}.accredi-lb{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;gap:20px;padding:20px}.accredi-lb-bg{position:absolute;inset:0;background:rgba(8,18,10,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.accredi-lb-close{position:fixed;top:20px;right:20px;z-index:3;width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.28);color:#fff;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.accredi-lb-close:hover{background:hsla(0,0%,100%,.24)}.accredi-lb-side{position:relative;z-index:2;width:56px;height:56px;border-radius:50%;background:hsla(0,0%,100%,.09);border:1.5px solid hsla(0,0%,100%,.22);color:#fff;font-size:2.4rem;font-weight:300;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:3px;transition:background .2s}.accredi-lb-side:hover{background:hsla(0,0%,100%,.18)}.accredi-lb-center{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:18px;max-width:min(520px,calc(100vw - 200px));max-height:calc(100vh - 40px)}.accredi-lb-frame{overflow-y:auto;max-height:calc(100vh - 165px);background:#fff;padding:12px;border:2px solid var(--gold-200);border-radius:var(--radius);box-shadow:0 28px 80px rgba(0,0,0,.55);width:100%}.accredi-lb-img{display:block;border-radius:6px;width:100%;height:auto}.accredi-lb-info{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;width:100%}.accredi-lb-name{font-family:var(--font-cormorant),serif;font-size:1.15rem;font-weight:600;color:var(--gold-100);line-height:1.35}.accredi-lb-role{font-size:.82rem;color:hsla(0,0%,100%,.5);line-height:1.4}.accredi-lb-count{font-size:.74rem;font-family:var(--font-nunito),sans-serif;color:hsla(0,0%,100%,.32);letter-spacing:.1em;margin-top:4px}.accredi-lb-mobile-nav{display:none}.accredi-lb-nav-sm{width:44px;height:44px;border-radius:50%;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);color:#fff;font-size:1.8rem;font-weight:300;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1;padding-bottom:2px;transition:background .2s}.accredi-lb-nav-sm:hover{background:hsla(0,0%,100%,.22)}@media (max-width:960px){.accredi-grid{grid-template-columns:repeat(3,1fr);gap:22px}}@media (max-width:640px){.accreditation{padding:72px 0}.accredi-grid{grid-template-columns:repeat(2,1fr);gap:14px}.accredi-card-name{font-size:.82rem}.accredi-lb{padding:54px 14px 16px;gap:0;flex-direction:column}.accredi-lb-side{display:none}.accredi-lb-center{max-width:100%;max-height:calc(100vh - 68px);width:100%}.accredi-lb-frame{max-height:calc(100vh - 205px);width:100%}.accredi-lb-mobile-nav{display:flex;align-items:center;gap:20px}.accredi-lb-count-desk{display:none}.accredi-lb-count{margin-top:0}}.programs{padding:100px 0;background:var(--beige-100)}.programs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px}.program-card{background:#fff;border-radius:var(--radius);padding:36px 28px;box-shadow:var(--shadow-sm);border:1px solid var(--beige-200);transition:transform var(--transition),box-shadow var(--transition);position:relative;overflow:hidden}.program-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--green-300),var(--gold-200));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.program-card:hover:before{transform:scaleX(1)}.program-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.card-icon{font-size:2.2rem;margin-bottom:18px}.program-card h3{font-size:1.25rem;color:var(--text-dark);margin-bottom:12px}.program-card p{color:var(--text-muted);font-size:.9rem;line-height:1.7;margin-bottom:20px}.card-tag{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green-400);background:var(--green-100);padding:4px 12px;border-radius:50px}.mentors{padding:100px 0;background:linear-gradient(160deg,var(--green-600),var(--green-500));position:relative;overflow:hidden}.mentors:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'%3E%3Crect x='10' y='10' width='40' height='40' transform='rotate(45 30 30)'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}.mentors .section-header h2{color:var(--gold-100)}.mentors .section-tag{background:hsla(0,0%,100%,.12);color:var(--gold-100)}.mentors .gold-line{background:linear-gradient(90deg,var(--gold-200),var(--gold-100))}.mentors-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:28px;gap:28px;position:relative;z-index:1}.mentor-card{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius);padding:40px 28px;text-align:center;transition:background var(--transition),transform var(--transition);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative}.mentor-card:hover{background:hsla(0,0%,100%,.14);transform:translateY(-4px)}.mentor-card.featured{background:hsla(36,55%,62%,.2);border-color:hsla(36,55%,62%,.4)}.mentor-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gold-200);color:var(--text-dark);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 16px;border-radius:50px;white-space:nowrap}.mentor-icon{font-size:2.5rem;color:var(--gold-100);margin-bottom:20px;display:block}.mentor-card h3{font-size:1.15rem;color:#fff;margin-bottom:12px;line-height:1.4}.mentor-card p{font-size:.88rem;color:hsla(0,0%,100%,.7);line-height:1.65}.contact{padding:100px 0;background:var(--beige-50)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:56px;gap:56px;align-items:start}.contact-item{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px}.contact-icon{font-size:1.4rem}.contact-item h4{font-size:.9rem;font-weight:600;color:var(--text-dark);margin-bottom:3px;font-family:var(--font-nunito),sans-serif}.contact-item p{color:var(--text-muted);font-size:.92rem}.contact-divider{height:1px;background:var(--beige-300);margin:24px 0}.contact-subtitle{font-family:var(--font-nunito),sans-serif;font-size:.88rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:16px}.contact-person{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--beige-200);font-size:.92rem}.contact-person span{color:var(--text-mid);font-weight:500}.contact-person a{color:var(--green-400);font-weight:600;transition:color .3s}.contact-person a:hover{color:var(--green-600)}.contact-cta-box{background:linear-gradient(145deg,var(--green-500),var(--green-600));border-radius:var(--radius);padding:48px 40px;color:#fff;position:relative;overflow:hidden}.contact-cta-box:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='30' cy='30' r='28' fill='none' stroke='rgba(255,255,255,0.06)' stroke-width='1'/%3E%3C/svg%3E");background-size:60px 60px}.cta-ornament{font-family:var(--font-cormorant),serif;font-size:1.3rem;color:var(--gold-200);margin-bottom:20px;position:relative;z-index:1}.contact-cta-box h3{font-size:1.7rem;color:#fff;margin-bottom:16px;position:relative;z-index:1}.contact-cta-box p{font-size:.92rem;color:hsla(0,0%,100%,.8);line-height:1.7;margin-bottom:14px;position:relative;z-index:1}.contact-cta-box .btn-primary{background:#fff;color:var(--green-600);position:relative;z-index:1;margin-top:8px}.contact-cta-box .btn-primary:hover{background:var(--gold-100);color:var(--green-600);box-shadow:0 8px 24px rgba(0,0,0,.2)}.faq{padding:100px 0;background:var(--beige-100)}.faq-list{max-width:760px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);margin-bottom:14px;overflow:hidden;transition:box-shadow var(--transition)}.faq-item:hover{box-shadow:var(--shadow-sm)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:none;border:none;cursor:pointer;font-family:var(--font-cormorant),serif;font-size:1.12rem;font-weight:600;color:var(--text-dark);text-align:left;transition:color var(--transition);gap:16px}.faq-question:hover{color:var(--green-500)}.faq-icon{font-size:1.4rem;font-weight:300;color:var(--green-400);flex-shrink:0;transition:transform .35s ease;line-height:1}.faq-item.open .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.25,.8,.25,1),padding .45s ease;padding:0 28px}.faq-answer.open{max-height:400px;padding:0 28px 24px}.faq-answer p{color:var(--text-muted);font-size:.95rem;line-height:1.8;border-top:1px solid var(--beige-200);padding-top:18px}.faq-answer a{color:var(--green-400);text-decoration:underline}.footer{background:var(--green-600);color:#fff;padding:80px 0 0;position:relative;overflow:hidden}.footer-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.04)' stroke-width='1'%3E%3Cpolygon points='50,5 65,35 95,35 70,55 80,85 50,68 20,85 30,55 5,35 35,35'/%3E%3C/g%3E%3C/svg%3E");background-size:100px 100px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;grid-gap:48px;gap:48px;position:relative;z-index:1;padding-bottom:60px}.footer-arabic{font-family:var(--font-cormorant),serif;font-size:1.6rem;color:var(--gold-200);margin-bottom:6px}.footer-brand h3{font-size:1.25rem;color:#fff;margin-bottom:12px}.footer-brand p{color:hsla(0,0%,100%,.6);font-size:.88rem;line-height:1.7}.footer-dua{margin-top:20px;font-style:italic;color:var(--gold-200);font-size:.9rem;font-family:var(--font-cormorant),serif}.footer h4{font-family:var(--font-nunito),sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-200);margin-bottom:20px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:10px}.footer ul a,.footer ul li{font-size:.9rem;color:hsla(0,0%,100%,.65);transition:color .3s}.footer ul a:hover{color:#fff}.footer-contact p{color:hsla(0,0%,100%,.65);font-size:.88rem;line-height:1.5;margin-bottom:12px}.footer-contact a{color:var(--gold-200);font-weight:600;transition:color .3s}.footer-contact a:hover{color:var(--gold-100)}.footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding:24px 0;display:flex;align-items:center;justify-content:center;gap:24px;position:relative;z-index:1;flex-wrap:wrap}.footer-bottom p{font-size:.82rem;color:hsla(0,0%,100%,.4)}.footer-admin-link{font-size:.75rem;color:hsla(0,0%,100%,.25);letter-spacing:.08em;text-transform:uppercase;transition:color .3s;border-bottom:1px solid hsla(0,0%,100%,.12);padding-bottom:1px}.footer-admin-link:hover{color:hsla(0,0%,100%,.6)}.page-hero{position:relative;padding:180px 32px 80px;text-align:center;background:linear-gradient(160deg,var(--green-600),var(--green-500));overflow:hidden}.page-hero-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.page-hero-content .bismillah{font-size:1.6rem;margin-bottom:14px;animation:heroFadeIn 1s ease both}.page-hero-content h1{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:12px;animation:heroFadeIn 1s ease .2s both}.page-hero-content p{color:hsla(0,0%,100%,.75);font-size:1.05rem;font-style:italic;font-family:var(--font-cormorant),serif;animation:heroFadeIn 1s ease .35s both}.form-section{padding:100px 0;background:var(--beige-100)}.form-wrapper{max-width:780px;margin:0 auto;background:#fff;border-radius:20px;padding:56px 60px;box-shadow:var(--shadow-lg);border:1px solid var(--beige-200)}.form-header{text-align:center;margin-bottom:32px}.form-header .gold-line{margin-left:0}.form-header h2{font-size:2rem;color:var(--text-dark)}.form-header p{color:var(--text-muted);margin-top:10px;font-size:.95rem}.form-info-bar{background:var(--green-100);border-left:4px solid var(--green-400);border-radius:10px;padding:16px 20px;margin-bottom:32px;display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--green-600)}.form-info-bar span{font-size:1.3rem}.form-section-title{font-family:var(--font-cormorant),serif;font-size:1.1rem;color:var(--text-dark);border-bottom:1px solid var(--beige-200);padding-bottom:10px;margin-bottom:20px}.registration-form{display:flex;flex-direction:column;gap:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1/-1}.form-group label{font-size:.82rem;font-weight:600;letter-spacing:.05em;color:var(--text-mid);text-transform:uppercase;font-family:var(--font-nunito),sans-serif}.form-group input,.form-group select,.form-group textarea{padding:13px 18px;border:1.5px solid var(--beige-300);border-radius:10px;font-size:.95rem;color:var(--text-dark);background:var(--beige-50);transition:border-color .3s,box-shadow .3s;outline:none;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green-300);box-shadow:0 0 0 3px rgba(127,175,123,.15);background:#fff}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--beige-400)}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24'%3E%3Cpath fill='%236E8072' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-color:var(--beige-50)}.form-group textarea{resize:vertical;min-height:110px}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.88rem;color:var(--text-mid);padding:12px 16px;border:1.5px solid var(--beige-200);border-radius:10px;transition:border-color .3s,background .3s;font-weight:500;font-family:var(--font-nunito),sans-serif}.checkbox-label:hover{border-color:var(--green-300);background:var(--green-100)}.checkbox-label input[type=checkbox]{width:18px;height:18px;flex-shrink:0;accent-color:var(--green-400);cursor:pointer}.consent-group{background:var(--beige-100);border-radius:10px;padding:16px 20px}.consent-group .checkbox-label{border:none;padding:0}.consent-group .checkbox-label:hover{background:none}.form-submit{text-align:center;margin-top:12px}.form-note{font-size:.82rem;color:var(--text-muted);margin-top:14px;font-style:italic}.form-success{display:none;text-align:center;padding:56px 32px}.form-success.visible{display:block}.success-icon{font-size:3.5rem;margin-bottom:16px}.form-success h3{font-size:2rem;color:var(--green-500);margin-bottom:12px}.form-success p{color:var(--text-muted);font-size:1rem;margin-bottom:28px}.curriculum{padding:100px 0;background:var(--beige-100)}.curr-block{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:36px;box-shadow:var(--shadow-sm)}.curr-block-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:28px;flex-wrap:wrap}.curr-block-emoji{font-size:2rem;flex-shrink:0;margin-top:2px;display:block;margin-bottom:14px}.curr-block-header .curr-block-emoji{margin-bottom:0}.curr-block-header h3{font-size:1.4rem;color:var(--text-dark);margin-bottom:4px}.curr-block-header p{font-size:.87rem;color:var(--text-muted);font-family:var(--font-nunito),sans-serif;line-height:1.5}.curr-block-tags{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;padding-top:4px}.curr-block>h3{font-size:1.3rem;color:var(--text-dark);margin-bottom:14px}.curr-days-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.curr-day-card{background:var(--beige-50);border:1px solid var(--beige-200);border-radius:10px;padding:20px}.curr-day-label{font-family:var(--font-cormorant),serif;font-size:1.15rem;font-weight:600;color:var(--green-500);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--beige-200)}.curr-subject{margin-bottom:16px}.curr-subject:last-child{margin-bottom:0}.curr-subject-name{font-family:var(--font-nunito),sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--green-400);margin-bottom:8px}.curr-subject ul{list-style:none;display:flex;flex-direction:column;gap:5px}.curr-subject ul li{font-size:.86rem;color:var(--text-mid);padding-left:14px;position:relative;line-height:1.45}.curr-subject ul li:before{content:"•";position:absolute;left:0;color:var(--gold-200)}.curr-two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;margin:28px 0}.curr-timing{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}.curr-timing-pill{font-size:.82rem;color:var(--text-mid);background:var(--beige-100);border:1px solid var(--beige-200);padding:5px 12px;border-radius:50px;font-family:var(--font-nunito),sans-serif}.curr-check-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.curr-check-list li{font-size:.9rem;color:var(--text-mid);padding-left:20px;position:relative}.curr-check-list li:before{content:"✓";position:absolute;left:0;color:var(--green-400);font-size:.82rem}.curr-note{font-size:.8rem;color:var(--text-muted);font-style:italic}.curr-levels{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.curr-level{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--beige-50);border:1px solid var(--beige-200);border-radius:8px}.curr-level-num{font-family:var(--font-nunito),sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.05em;color:var(--green-400);text-transform:uppercase;flex-shrink:0}.curr-level-title{font-size:.88rem;color:var(--text-mid)}.curr-level-pill{margin-left:auto;font-size:.74rem;color:var(--text-muted);background:var(--beige-200);padding:2px 9px;border-radius:50px;flex-shrink:0}.curr-outcomes{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:40px;margin-bottom:28px;box-shadow:var(--shadow-sm)}.curr-outcomes-title{font-size:1.35rem;color:var(--text-dark);margin-bottom:24px;text-align:center}.curr-outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.curr-outcome-item{display:flex;align-items:flex-start;gap:12px;background:var(--beige-50);border:1px solid var(--beige-200);padding:16px;border-radius:10px}.curr-outcome-item span{font-size:1.3rem;flex-shrink:0}.curr-outcome-item p{font-size:.87rem;color:var(--text-mid);line-height:1.5}.curr-quotes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.curr-quote{background:linear-gradient(145deg,var(--green-500),var(--green-600));border-radius:var(--radius);padding:28px 24px;text-align:center}.curr-quote blockquote{font-family:var(--font-cormorant),serif;font-size:1.05rem;font-style:italic;color:hsla(0,0%,100%,.9);line-height:1.7;margin-bottom:14px}.curr-quote cite{font-size:.78rem;font-style:normal;color:var(--gold-200);font-family:var(--font-nunito),sans-serif;font-weight:600;letter-spacing:.04em}@media (max-width:960px){.about-grid{grid-template-columns:1fr;gap:40px}.programs-grid{grid-template-columns:1fr 1fr}.contact-grid,.mentors-grid{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}.form-wrapper{padding:40px 36px}.curr-days-grid,.curr-two-col{grid-template-columns:1fr}.curr-outcomes-grid{grid-template-columns:1fr 1fr}.curr-quotes{grid-template-columns:1fr}}@media (max-width:700px){.nav-links{display:none}.about-features,.ijaza-grid,.programs-grid{grid-template-columns:1fr}.ijaza-frame{padding:12px}.checkbox-group,.footer-content,.form-row{grid-template-columns:1fr}.form-wrapper{padding:32px 24px}.hero-buttons{flex-direction:column;align-items:center}.curr-outcomes-grid{grid-template-columns:1fr}.curr-block{padding:24px 20px}.curr-outcomes{padding:28px 20px}.curr-block-header{flex-direction:column}.curr-block-tags{margin-left:0}}.admin-page{min-height:100vh;background:var(--beige-100)}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,var(--green-600),var(--green-500));padding:32px}.admin-login-box{background:#fff;border-radius:20px;padding:48px 44px;width:100%;max-width:400px;text-align:center;box-shadow:var(--shadow-lg)}.admin-logo-arabic{font-family:var(--font-amiri),serif;font-size:1.8rem;color:var(--gold-200);margin-bottom:6px}.admin-login-box h2{font-size:1.8rem;color:var(--text-dark);margin-bottom:4px}.admin-login-box>p{color:var(--text-muted);font-size:.88rem;margin-bottom:28px}.admin-login-form{gap:16px}.admin-field,.admin-login-form{display:flex;flex-direction:column}.admin-field{gap:6px;text-align:left}.admin-field label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.admin-field input{padding:12px 16px;border:1.5px solid var(--beige-300);border-radius:10px;font-size:.95rem;color:var(--text-dark);background:var(--beige-50);outline:none;transition:border-color .3s}.admin-field input:focus{border-color:var(--green-300);box-shadow:0 0 0 3px rgba(127,175,123,.15);background:#fff}.admin-error{color:#c0392b;font-size:.85rem;text-align:center;background:#ffeaea;padding:8px 12px;border-radius:8px}.admin-dash{max-width:1300px;margin:0 auto;padding:48px 32px 80px}.admin-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:40px;gap:20px;flex-wrap:wrap}.admin-header .admin-logo-arabic{text-align:left}.admin-header h2{font-size:2rem;color:var(--text-dark);margin-bottom:4px}.admin-header>div>p{color:var(--text-muted);font-size:.92rem}.admin-empty{text-align:center;padding:80px 32px;color:var(--text-muted)}.admin-empty,.admin-table-wrap{background:#fff;border-radius:var(--radius);border:1px solid var(--beige-200)}.admin-table-wrap{overflow-x:auto;box-shadow:var(--shadow-sm)}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem}.admin-table th{background:var(--green-600);color:#fff;padding:14px 16px;text-align:left;font-family:var(--font-nunito),sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.admin-table th:first-child{border-radius:0}.admin-table td{padding:14px 16px;border-bottom:1px solid var(--beige-200);color:var(--text-mid);vertical-align:top}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--beige-50)}.admin-tag{display:inline-block;background:var(--green-100);color:var(--green-500);font-size:.72rem;font-weight:600;padding:3px 9px;border-radius:50px;margin:2px 2px 2px 0;white-space:nowrap}.btn-outline{background:transparent;color:var(--green-400);border:1.5px solid var(--green-400)}.btn-outline:hover{background:var(--green-400);color:#fff;transform:translateY(-1px)}.nav-login{background:transparent!important;color:var(--text-mid)!important;border:1.5px solid var(--beige-300)!important;padding:8px 18px;border-radius:50px;font-weight:600!important;font-size:.86rem;transition:all var(--transition)!important;letter-spacing:.04em}.navbar:not(.scrolled) .nav-login{color:hsla(0,0%,100%,.9)!important;border-color:hsla(0,0%,100%,.4)!important}.nav-login:after{display:none!important}.nav-login:hover{background:var(--green-400)!important;color:#fff!important;border-color:var(--green-400)!important;transform:translateY(-1px)}.admin-tabs{display:flex;gap:4px;margin-bottom:28px;border-bottom:2px solid var(--beige-200);padding-bottom:0}.admin-tab{padding:10px 24px;background:none;cursor:pointer;font-family:var(--font-nunito),sans-serif;font-size:.88rem;font-weight:600;color:var(--text-muted);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s,border-color .2s;letter-spacing:.02em}.admin-tab.active,.admin-tab:hover{color:var(--green-500)}.admin-tab.active{border-bottom-color:var(--green-400)}.portal-manager{display:flex;flex-direction:column;gap:36px}.portal-manager-section-title{font-size:1.1rem;color:var(--text-dark);margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--beige-200)}.portal-upload-form{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.portal-upload-row{gap:16px}.portal-upload-row .admin-field{flex:1 1;min-width:120px}.portal-upload-success{color:var(--green-500);font-size:.88rem;background:var(--green-100);padding:8px 14px;font-weight:500}.portal-files-admin{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow-sm)}.portal-no-files{color:var(--text-muted);font-size:.9rem}.portal-group{margin-bottom:24px}.portal-group:last-child{margin-bottom:0}.portal-group-label{font-family:var(--font-nunito),sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--green-400);margin-bottom:10px}.portal-admin-file-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--beige-50);border:1px solid var(--beige-200);border-radius:8px;margin-bottom:6px;font-size:.88rem}.portal-type-icon{font-size:1.1rem;flex-shrink:0}.portal-admin-file-title{font-weight:600;color:var(--text-dark);flex:1 1}.portal-admin-file-name{color:var(--text-muted);font-size:.8rem;flex-shrink:0}.portal-delete-btn{background:none;border:1px solid #e0b0b0;color:#c0392b;font-size:.78rem;font-weight:600;padding:4px 12px;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0}.portal-delete-btn:hover{background:#ffeaea;border-color:#c0392b}.portal-page{min-height:100vh;background:var(--beige-50)}.portal-header{background:linear-gradient(160deg,var(--green-600),var(--green-500));padding:28px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 20px rgba(47,102,65,.25)}.portal-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}.portal-logo-arabic{font-family:var(--font-cormorant),serif;font-size:1.1rem;color:var(--gold-200);margin-bottom:2px}.portal-heading{font-size:1.5rem;color:#fff;margin-bottom:2px}.portal-subheading{font-size:.82rem;color:hsla(0,0%,100%,.7);font-family:var(--font-nunito),sans-serif}.portal-header-inner .btn-outline{color:#fff!important;border-color:hsla(0,0%,100%,.5)!important}.portal-header-inner .btn-outline:hover{background:hsla(0,0%,100%,.15)!important;color:#fff!important}.portal-body{padding:40px 32px 80px}.portal-tabs-wrap{overflow-x:auto;margin-bottom:32px;-webkit-overflow-scrolling:touch}.portal-tabs{display:flex;gap:8px;padding-bottom:4px;min-width:max-content}.portal-tab{padding:10px 22px;border-radius:50px;border:1.5px solid var(--beige-300);background:#fff;font-family:var(--font-nunito),sans-serif;font-size:.85rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .25s;white-space:nowrap}.portal-tab:hover{border-color:var(--green-300);color:var(--green-500)}.portal-tab.active{background:var(--green-500);border-color:var(--green-500);color:#fff;box-shadow:0 4px 14px rgba(47,102,65,.25)}.portal-content{display:flex;flex-direction:column;gap:32px}.portal-section-title{font-size:1rem;font-family:var(--font-nunito),sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:14px}.portal-files-list{display:flex;flex-direction:column;gap:10px}.portal-file-item{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:16px;flex-wrap:wrap;transition:box-shadow var(--transition)}.portal-file-item:hover{box-shadow:var(--shadow-md)}.portal-file-meta{display:flex;align-items:center;gap:12px;flex:1 1;min-width:200px}.portal-file-icon{font-size:1.4rem;flex-shrink:0}.portal-file-name{font-weight:600;color:var(--text-dark);font-size:.95rem}.portal-file-actions{display:flex;gap:8px;flex-shrink:0}.portal-action-btn{padding:7px 18px;border-radius:50px;border:1.5px solid var(--green-300);background:#fff;color:var(--green-500);font-family:var(--font-nunito),sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.portal-action-btn:hover{background:var(--green-400);border-color:var(--green-400);color:#fff}.portal-action-dl{border-color:var(--beige-300);color:var(--text-muted)}.portal-action-dl:hover{background:var(--text-dark);border-color:var(--text-dark);color:#fff}.portal-action-delete{border-color:#e0b0b0;color:#c0392b}.portal-action-delete:hover{background:#c0392b;border-color:#c0392b;color:#fff}.portal-btn-upload{background:hsla(0,0%,100%,.15)!important;color:#fff!important;border:1.5px solid hsla(0,0%,100%,.5)!important}.portal-btn-upload:hover{background:hsla(0,0%,100%,.25)!important}.portal-btn-upload-active{background:#fff!important;color:var(--green-600)!important;border:1.5px solid #fff!important}.portal-upload-bar{background:var(--green-600);border-bottom:1px solid hsla(0,0%,100%,.1);padding:28px 0}.portal-upload-bar-title{font-size:1rem;color:#fff;margin-bottom:16px;font-family:var(--font-nunito),sans-serif;font-weight:700;letter-spacing:.04em}.portal-upload-panel{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:14px}.portal-upload-row{display:flex;gap:14px;flex-wrap:wrap}.portal-upload-field{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:120px}.portal-upload-field--wide{flex:2 1;min-width:200px}.portal-upload-field label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:hsla(0,0%,100%,.7);font-family:var(--font-nunito),sans-serif}.portal-upload-field input,.portal-upload-field select{padding:10px 14px;border:1.5px solid hsla(0,0%,100%,.2);border-radius:10px;font-size:.92rem;color:#fff;background:hsla(0,0%,100%,.1);outline:none;transition:border-color .3s;font-family:var(--font-nunito),sans-serif}.portal-upload-field input:focus,.portal-upload-field select:focus{border-color:var(--gold-200);background:hsla(0,0%,100%,.15)}.portal-upload-field input::placeholder{color:hsla(0,0%,100%,.4)}.portal-upload-field select option{background:var(--green-600);color:#fff}.portal-upload-error{color:#ffb3b3;background:rgba(192,57,43,.25)}.portal-upload-error,.portal-upload-success{font-size:.85rem;padding:8px 12px;border-radius:8px}.portal-upload-success{color:#a8f0c6;background:rgba(47,102,65,.4)}.portal-pdf-embed{width:100%;margin-top:12px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.portal-recording{flex-direction:column;align-items:flex-start}.portal-audio,.portal-video{width:100%;margin-top:8px;border-radius:8px}.portal-video{max-height:400px;background:#000}.portal-loading{padding:80px 32px;font-size:1rem}.portal-empty,.portal-loading{text-align:center;color:var(--text-muted)}.portal-empty{padding:60px 32px;background:#fff;border-radius:var(--radius);border:1px solid var(--beige-200);font-size:.95rem}@media (max-width:700px){.portal-body{padding:24px 16px 60px}.portal-file-item{padding:14px 16px}.portal-tabs{gap:6px}.portal-tab{padding:8px 16px;font-size:.8rem}.portal-upload-row{flex-direction:column}}@keyframes spin{to{transform:rotate(1turn)}}.portal-upload-progress{display:flex;flex-direction:column;gap:10px}.portal-upload-progress-label{display:flex;align-items:center;gap:10px;color:hsla(0,0%,100%,.95);font-family:var(--font-nunito),sans-serif;font-size:.9rem;font-weight:600}.portal-upload-spinner{display:inline-block;width:16px;height:16px;border:2.5px solid hsla(0,0%,100%,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.portal-progress-bar{height:8px;background:hsla(0,0%,100%,.15);border-radius:4px;overflow:hidden}.portal-progress-fill{height:100%;background:linear-gradient(90deg,var(--gold-200),var(--gold-100));border-radius:4px;transition:width .18s ease-out;box-shadow:0 0 8px hsla(36,55%,62%,.6)}.portal-upload-type-toggle{display:flex;gap:8px;margin-bottom:4px}.portal-toggle-btn{padding:6px 18px;border-radius:20px;border:1.5px solid hsla(0,0%,100%,.28);background:transparent;color:hsla(0,0%,100%,.6);font-family:var(--font-nunito),sans-serif;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.portal-toggle-btn:hover{border-color:hsla(0,0%,100%,.5);color:hsla(0,0%,100%,.9)}.portal-toggle-btn.active{background:hsla(0,0%,100%,.14);border-color:hsla(0,0%,100%,.6);color:#fff}.portal-youtube-embed{margin-top:12px;border-radius:10px;overflow:hidden;aspect-ratio:16/9;background:#000;width:100%}.portal-youtube-iframe{width:100%;height:100%;border:none;display:block}:root{--portal-header-h:140px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.portal-skeleton{background:linear-gradient(90deg,var(--beige-100) 25%,var(--beige-200) 50%,var(--beige-100) 75%);background-size:600px 100%;animation:shimmer 1.4s linear infinite;border-radius:8px}.portal-skeleton-btn{height:40px;width:100%;border-radius:50px}.portal-skeleton-nav-label{height:10px;width:48px;margin:24px 8px 10px}.portal-skeleton-week{height:40px;width:calc(100% - 16px);margin:0 8px 4px}.portal-skeleton-heading{height:34px;width:150px;margin-bottom:28px}.portal-skeleton-subject-card{background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:24px;margin-bottom:16px}.portal-skeleton-subject-head{height:22px;width:180px;margin-bottom:16px}.portal-skeleton-file{height:52px;width:100%;margin-bottom:8px}.portal-layout{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - var(--portal-header-h))}.portal-sidebar{background:#fff;border-right:1px solid var(--beige-200);padding:20px 12px;position:-webkit-sticky;position:sticky;top:var(--portal-header-h);height:calc(100vh - var(--portal-header-h));overflow-y:auto}.portal-add-btn{display:block;width:100%;padding:10px 16px;border-radius:50px;border:1.5px solid var(--green-300);background:var(--green-100);color:var(--green-600);font-family:var(--font-nunito),sans-serif;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;text-align:center;letter-spacing:.02em}.portal-add-btn:hover{background:var(--green-200);border-color:var(--green-400)}.portal-add-btn.active{background:var(--green-500);border-color:var(--green-500);color:#fff}.portal-week-nav{margin-top:20px}.portal-nav-label{font-family:var(--font-nunito),sans-serif;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-muted);padding:0 8px;margin-bottom:8px}.portal-week-list{gap:2px}.portal-week-group,.portal-week-list{display:flex;flex-direction:column}.portal-week-btn{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:10px 12px;border:none;border-left:3px solid transparent;background:none;border-radius:8px;font-family:var(--font-nunito),sans-serif;font-size:.88rem;font-weight:600;color:var(--text-mid);cursor:pointer;transition:all .18s}.portal-week-btn:hover{background:var(--beige-100);color:var(--green-600)}.portal-week-btn.active{background:var(--green-100);color:var(--green-600);border-left-color:var(--green-400)}.portal-week-chevron{font-size:.7rem;opacity:.5;flex-shrink:0}.portal-subject-list{display:flex;flex-direction:column;gap:1px;padding:2px 0 6px 12px}.portal-subject-btn{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:none;font-family:var(--font-nunito),sans-serif;font-size:.84rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s}.portal-subject-btn:hover{background:var(--beige-100);color:var(--text-dark)}.portal-subject-btn.active{background:var(--green-500);color:#fff;font-weight:600}.portal-subject-btn-icon{font-size:1rem;flex-shrink:0}.portal-subject-btn-label{flex:1 1}.portal-subject-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-200);flex-shrink:0}.portal-subject-btn.active .portal-subject-dot{background:hsla(0,0%,100%,.7)}.portal-main{padding:36px 40px 80px;background:var(--beige-50)}.portal-upload-card{background:var(--green-600);border-radius:var(--radius);padding:28px;margin-bottom:32px}.portal-view-header{display:flex;align-items:center;gap:10px;margin-bottom:28px;background:none;border:none;padding:0;cursor:default;text-align:left;width:100%}.portal-view-nav-hint{display:none;margin-left:auto;font-size:1rem;color:var(--text-muted);opacity:.6}.portal-view-week{font-family:var(--font-nunito),sans-serif;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.portal-view-sep{color:var(--beige-400);font-size:1rem}.portal-view-subject{font-family:var(--font-cormorant),serif;font-size:1.5rem;font-weight:600;color:var(--text-dark);display:flex;align-items:center;gap:8px}.portal-subject-body{display:flex;flex-direction:column;gap:20px}.portal-header-brand{display:flex;align-items:center;gap:14px}.portal-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background .2s;flex-shrink:0}.portal-hamburger:hover{background:hsla(0,0%,100%,.12)}.portal-hamburger-line{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .28s ease,opacity .28s ease;transform-origin:center}.portal-hamburger.open .portal-hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.portal-hamburger.open .portal-hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.portal-hamburger.open .portal-hamburger-line:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.portal-sidebar-overlay{position:fixed;inset:0;background:rgba(0,0,0,.48);z-index:95;animation:portalFadeIn .2s ease}@keyframes portalFadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){:root{--portal-header-h:62px}.portal-header{padding:14px 0}.portal-logo-arabic,.portal-subheading{display:none}.portal-heading{font-size:1.2rem;margin:0}.portal-hamburger{display:flex}.portal-layout{grid-template-columns:1fr}.portal-sidebar{position:fixed;left:0;top:var(--portal-header-h);width:280px;max-width:85vw;height:calc(100vh - var(--portal-header-h));transform:translateX(-100%);transition:transform .3s cubic-bezier(.25,.8,.25,1);z-index:150;border-right:1px solid var(--beige-200);box-shadow:6px 0 28px rgba(47,102,65,.16);overflow-y:auto;padding:20px 12px}.portal-sidebar.open{transform:translateX(0)}.portal-main{padding:24px 16px 60px}.portal-upload-row{flex-direction:column}.portal-view-header{cursor:pointer;background:#fff;border:1px solid var(--beige-200);border-radius:var(--radius);padding:12px 16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s}.portal-view-header:active{box-shadow:none}.portal-view-nav-hint{display:block}}