@import url("https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap");:root{--color-navy:#0D1127;--color-navy-dark:#070913;--color-navy-light:#181F3D;--color-navy-translucent:rgba(13,17,39,0.6);--color-gold:#8B5CF6;--color-gold-light:#C084FC;--color-gold-dark:#7C3AED;--color-gold-soft:rgba(139,92,246,0.15);--color-gold-glow:rgba(139,92,246,0.35);--color-bg-warm:#070913;--color-surface:rgba(15,23,42,0.75);--color-surface-hover:rgba(30,41,59,0.85);--color-text-main:#F3F4F6;--color-text-muted:#9CA3AF;--color-text-light:#6B7280;--color-text-on-navy:#FFFFFF;--font-heading:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-arabic:"Amiri",serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 2px 8px rgba(0,0,0,0.2);--shadow-md:0 4px 16px rgba(0,0,0,0.35);--shadow-lg:0 12px 32px rgba(0,0,0,0.5);--shadow-gold:0 6px 24px rgba(139,92,246,0.35);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-bounce:0.4s cubic-bezier(0.175,0.885,0.32,1.275)}body,html{font-family:var(--font-body);margin:0;padding:0;overflow-x:hidden}#app,body,html{background-color:#070913!important;color:#F3F4F6!important;width:100%;min-height:100vh}#preloader.preloader-overlay,.preloader-overlay{position:fixed;inset:0;width:100vw;height:100vh;z-index:99999;display:flex;align-items:center;justify-content:center;background:#0b0b0b;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:1;visibility:visible;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s cubic-bezier(.16,1,.3,1)}#preloader.preloader-fade-out,.preloader-overlay.preloader-exit{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.preloader-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#171510 0,#0b0b0b 75%)}.preloader-glow{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18) 0,rgba(212,175,55,0) 70%);filter:blur(45px);animation:pulseGlow 2.2s ease-in-out infinite;pointer-events:none}.preloader-content{position:relative;z-index:2;text-align:center}.preloader-logo-container{position:relative;display:flex;align-items:center;justify-content:center;width:250px;height:250px;margin:0 auto;overflow:hidden;border-radius:20px}.preloader-full-logo{width:200px;height:auto;max-height:220px;object-fit:contain;z-index:2;animation:logoAmbientBreathing 2.2s ease-in-out infinite alternate}@keyframes logoAmbientBreathing{0%{transform:scale(.96);filter:drop-shadow(0 0 15px rgba(212,175,55,.4))}to{transform:scale(1.04);filter:drop-shadow(0 0 30px rgba(212,175,55,.75))}}.preloader-shimmer-sweep{position:absolute;inset:0;z-index:3;background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.05) 40%,rgba(212,175,55,.3) 50%,rgba(255,255,255,.05) 60%,transparent 80%);transform:translateX(-100%);animation:logoLightSweep 2.5s ease-in-out infinite;pointer-events:none}@keyframes logoLightSweep{0%{transform:translateX(-100%)}65%,to{transform:translateX(100%)}}.preloader-logo-img{max-width:130px;height:auto;object-fit:contain;z-index:2;animation:logoPulse 1.8s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(16,185,129,.4))}@keyframes logoPulse{0%{transform:scale(.94);opacity:.85;filter:drop-shadow(0 0 12px rgba(16,185,129,.3))}to{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 28px rgba(16,185,129,.65))}}.preloader-text-group{margin-top:12px}.preloader-subtext{font-family:var(--font-heading);font-size:.78rem;font-weight:700;color:var(--color-gold-light);letter-spacing:.18em;opacity:0;margin-top:6px;animation:textSettle .45s ease-out .7s forwards}.preloader-progress-track{width:160px;height:3px;background:rgba(255,255,255,.12);border-radius:3px;overflow:hidden;margin-top:24px;position:relative;opacity:0;animation:fadeIn .3s ease .9s forwards}.preloader-progress-bar{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,#C99A4C,transparent);animation:sweepProgress 1.2s ease-in-out infinite}.preloader-overlay.preloader-exit{animation:preloaderExit .5s ease-in-out forwards;pointer-events:none}.page-header-banner{background:linear-gradient(135deg,#14123D,#1E1B4B 45%,#2A2568);background-size:200% 200%;animation:bgGradientShift 10s ease-in-out infinite;color:var(--color-text-on-navy);padding:64px 0 48px;border-bottom:3px solid var(--color-gold)}.page-header-pattern{background-image:radial-gradient(circle at 50% 30%,rgba(201,154,76,.15) 0,transparent 60%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L45 15L30 30L15 15Z' fill='none' stroke='%23C99A4C' stroke-width='0.75' stroke-opacity='0.15'/%3E%3C/svg%3E")}.breadcrumb{gap:8px;font-size:.88rem;color:rgba(255,255,255,.7);margin-bottom:8px}.breadcrumb,.breadcrumb a{display:flex;align-items:center}.breadcrumb a{color:var(--color-gold-light);gap:4px;font-weight:600}.breadcrumb a:hover{color:#FFFFFF}.breadcrumb-separator{color:rgba(255,255,255,.4)}.breadcrumb-current{color:#FFFFFF;font-weight:500}.page-title{color:#FFFFFF;font-size:clamp(2rem,4vw,2.8rem);margin-bottom:8px}.page-description{color:rgba(255,255,255,.85);font-size:1.1rem;max-width:720px}.page-fade-enter{animation:pageFadeIn .25s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.teaser-grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;align-items:center}@media (min-width:992px){.teaser-grid{grid-template-columns:1fr 1fr}}.pillar-mini-card{background:var(--color-bg-warm);border:1px solid rgba(30,27,75,.08);border-radius:var(--radius-md);padding:20px;transition:all var(--transition-fast)}.pillar-mini-card i{color:var(--color-navy);margin-bottom:8px;width:28px;height:28px}.pillar-mini-card h4{font-size:.95rem;color:var(--color-navy)}.pillar-mini-card:hover{background:var(--color-surface);border-color:var(--color-gold);transform:translateY(-3px)}.teaser-banner-card{background:var(--color-navy);color:#FFFFFF;border-radius:var(--radius-xl);padding:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow-md)}.teaser-card-highlight{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(30,27,75,.08);box-shadow:var(--shadow-md);padding:32px;text-align:center}@keyframes bgGradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.2);opacity:1}}@keyframes drawArch{to{stroke-dashoffset:0}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes popCrescent{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes textSettle{0%{opacity:0;letter-spacing:.22em}to{opacity:1;letter-spacing:.14em}}@keyframes sweepProgress{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes fadeIn{to{opacity:1}}@keyframes preloaderExit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.preloader-backdrop{animation:none}.svg-arch-stroke{stroke-dashoffset:0;animation:none}.preloader-subtext,.preloader-wordmark,.svg-crescent,.svg-star-pattern{opacity:1;transform:none;animation:none}.preloader-overlay.preloader-exit{animation:fadeOutOnly .4s ease forwards}}@keyframes fadeOutOnly{to{opacity:0}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-warm);color:var(--color-text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}button,input,select,textarea{font-family:inherit;font-size:inherit}.container{width:100%;max-width:1240px;margin:0 auto;padding:0 24px}@media (min-width:768px){.container{padding:0 48px}}.page-container{position:relative;background-color:#070913;color:#FFFFFF}.home-page-container{background-color:#070913;background-image:radial-gradient(circle at 20% 15%,rgba(139,92,246,.14) 0,transparent 45%),radial-gradient(circle at 80% 25%,rgba(6,182,212,.12) 0,transparent 45%),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23A855F7' stroke-width='0.8' stroke-opacity='0.14'%3E%3Cpolygon points='40,0 48,12 60,12 52,24 60,36 48,36 40,48 32,36 20,36 28,24 20,12 32,12' /%3E%3Cpolygon points='0,40 8,52 20,52 12,64 20,76 8,76 0,88 -8,76 -20,76 -12,64 -20,52 -8,52' /%3E%3Cpolygon points='80,40 88,52 100,52 92,64 100,76 88,76 80,88 72,76 60,76 68,64 60,52 72,52' /%3E%3Ccircle cx='40' cy='24' r='6' stroke='%2338BDF8' stroke-opacity='0.16' /%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:90px 90px}.section{padding:96px 0;position:relative}@media (max-width:768px){.section{padding:60px 0}}.section-bg-surface{background-color:#0B0E1E;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09)}.section-slideshow-shade{background:#0B0E1E}.section-slideshow-shade,.section-upcoming-shade{border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:none!important}.section-upcoming-shade{background:#070913}.section-fade-divider,.section-straight-divider{position:relative;width:100%;height:1px;margin:0;padding:0;display:flex;align-items:center;justify-content:center;z-index:5;background:transparent}.divider-blur-glow{display:none!important}.divider-line-accent{position:relative;z-index:6;width:100%;max-width:1200px;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.35) 15%,rgba(56,189,248,.45) 50%,rgba(139,92,246,.35) 85%,transparent);filter:none!important;margin:0 auto}.section-scroll-reveal,.section-scroll-reveal.is-visible{opacity:1!important;transform:none!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#FFFFFF;line-height:1.25;font-weight:700}h1{font-size:clamp(2.5rem,5vw,3.5rem);letter-spacing:-.02em}h2{font-size:clamp(1.85rem,3.5vw,2.35rem);letter-spacing:-.01em}h3{font-size:clamp(1.35rem,2.5vw,1.6rem)}h4{font-size:1.2rem}.text-arabic{font-family:var(--font-arabic);direction:rtl;font-weight:400}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#C084FC;margin-bottom:12px}.eyebrow:before{content:"✦";font-size:.9em;color:#38BDF8}.section-header{text-align:center;max-width:700px;margin:0 auto 56px}.section-header p{color:var(--color-text-muted);font-size:1.1rem;margin-top:12px}.pattern-gold-mesh{background-image:radial-gradient(var(--color-gold) 1px,transparent 1px);background-size:24px 24px;opacity:.15}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 50% 30%,rgba(201,154,76,.18) 0,transparent 60%),linear-gradient(rgba(30,27,75,.94),rgba(30,27,75,.98)),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L45 15L30 30L15 15Z' fill='none' stroke='%23C99A4C' stroke-width='0.75' stroke-opacity='0.2'/%3E%3Cpath d='M30 30L45 45L30 60L15 45Z' fill='none' stroke='%23C99A4C' stroke-width='0.75' stroke-opacity='0.2'/%3E%3Cpath d='M0 30L15 45L0 60L-15 45Z' fill='none' stroke='%23C99A4C' stroke-width='0.75' stroke-opacity='0.2'/%3E%3Cpath d='M60 30L75 45L60 60L45 45Z' fill='none' stroke='%23C99A4C' stroke-width='0.75' stroke-opacity='0.2'/%3E%3C/svg%3E");background-repeat:repeat;pointer-events:none}.arch-card{border-top-left-radius:120px;border-top-right-radius:120px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.arch-divider{display:flex;align-items:center;justify-content:center;gap:16px;margin:24px 0}.arch-divider:after,.arch-divider:before{content:"";height:1px;flex:1 1;background:linear-gradient(to right,transparent,var(--color-gold),transparent)}.arch-divider span{color:var(--color-gold);font-size:1.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;border-radius:10px;font-family:var(--font-heading);font-weight:600;font-size:.95rem;cursor:pointer;border:2px solid transparent;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-gold{background-color:var(--color-gold);color:#111111;box-shadow:var(--shadow-gold)}.btn-gold:hover{background-color:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,154,76,.35)}.btn-emerald{background:linear-gradient(135deg,#10B981,#059669);color:#FFFFFF!important;font-weight:700;box-shadow:0 4px 16px rgba(16,185,129,.4);border:1px solid rgba(255,255,255,.2)}.btn-emerald:hover{background:linear-gradient(135deg,#34D399,#10B981);transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.55);color:#FFFFFF!important}.btn-purple,.btn-vibrant-primary{background:linear-gradient(135deg,#8B5CF6,#6366F1 50%,#06B6D4);color:#FFFFFF!important;font-weight:700;box-shadow:0 4px 18px rgba(139,92,246,.45);border:1px solid rgba(255,255,255,.25)}.btn-purple:hover,.btn-vibrant-primary:hover{background:linear-gradient(135deg,#A855F7,#8B5CF6 50%,#38BDF8);transform:translateY(-2px);box-shadow:0 8px 26px rgba(168,85,247,.6);color:#FFFFFF!important}.btn-navy{background-color:var(--color-navy);color:var(--color-text-on-navy)}.btn-navy:hover{background-color:var(--color-navy-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-outline-white{background-color:transparent;border-color:rgba(255,255,255,.4);color:var(--color-text-on-navy)}.btn-outline-white:hover{border-color:var(--color-gold);background-color:rgba(201,154,76,.1);color:var(--color-gold-light)}.btn-outline-navy{background-color:transparent;border-color:var(--color-navy);color:var(--color-navy)}.btn-outline-navy:hover{background-color:var(--color-navy-translucent)}.btn-sm{padding:8px 18px;font-size:.88rem;border-radius:8px}.btn-lg{padding:16px 36px;font-size:1.05rem;border-radius:12px}.hero-particle{position:absolute;pointer-events:none;border-radius:50%;opacity:.25;filter:blur(12px)}.hero-particle-1{top:15%;left:10%;width:180px;height:180px;background:radial-gradient(circle,#C99A4C 0,transparent 70%);animation:floatParticle 8s ease-in-out infinite alternate}.hero-particle-2{bottom:20%;right:12%;width:220px;height:220px;background:radial-gradient(circle,#2A2568 0,transparent 70%);animation:floatParticle 10s ease-in-out infinite alternate-reverse}.hero-floating-chip{position:absolute;background:rgba(255,255,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(201,154,76,.3);padding:8px 16px;border-radius:var(--radius-full);color:var(--color-gold-light);font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:6px;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,.2)}.chip-top-right{top:18%;right:8%;animation:floatChip 5s ease-in-out infinite alternate}.chip-bottom-left{bottom:15%;left:8%;animation:floatChip 6s ease-in-out infinite alternate-reverse}@keyframes floatParticle{0%{transform:translateY(0) scale(1)}to{transform:translateY(-30px) scale(1.15)}}@keyframes floatChip{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-15px) rotate(2deg)}}.hero-dot-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block;vertical-align:bottom;pointer-events:none;z-index:1}@media (min-width:992px){.hero-split-grid{grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.hero-4-buttons-square-grid{grid-template-columns:repeat(2,1fr)!important;gap:18px!important;margin-top:0!important}}.hero-4-buttons-square-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:16px;gap:16px;max-width:960px;margin:0 auto}.hero-square-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 18px;min-height:135px;border-radius:16px;font-family:var(--font-heading);font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.4)}.hero-square-tile:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent);opacity:0;transition:opacity .3s ease}.hero-square-tile:hover:before{opacity:1}.tile-glass-amber,.tile-gold,.tile-primary-vibrant{background:rgba(15,23,42,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(245,158,11,.35);color:#FFFFFF}.tile-glass-amber .tile-icon-wrap,.tile-gold .tile-icon-wrap,.tile-primary-vibrant .tile-icon-wrap{width:46px;height:46px;border-radius:12px;background:rgba(245,158,11,.2);display:flex;align-items:center;justify-content:center;color:#FBBF24;transition:transform .3s ease}.tile-glass-amber:hover,.tile-gold:hover,.tile-primary-vibrant:hover{background:rgba(245,158,11,.22);border-color:rgba(251,191,36,.7);color:#FFFFFF;transform:translateY(-6px) scale(1.03);box-shadow:0 16px 36px rgba(245,158,11,.35)}.tile-glass-amber:hover .tile-icon-wrap,.tile-gold:hover .tile-icon-wrap,.tile-primary-vibrant:hover .tile-icon-wrap{transform:scale(1.1);color:#FFFFFF;background:rgba(245,158,11,.4)}.tile-glass,.tile-glass-violet{background:rgba(15,23,42,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(139,92,246,.35);color:#FFFFFF}.tile-glass .tile-icon-wrap,.tile-glass-violet .tile-icon-wrap{width:46px;height:46px;border-radius:12px;background:rgba(139,92,246,.2);display:flex;align-items:center;justify-content:center;color:#C084FC;transition:transform .3s ease}.tile-glass-violet:hover,.tile-glass:hover{background:rgba(139,92,246,.22);border-color:rgba(168,85,247,.7);color:#FFFFFF;transform:translateY(-6px) scale(1.03);box-shadow:0 16px 36px rgba(139,92,246,.35)}.tile-glass-violet:hover .tile-icon-wrap,.tile-glass:hover .tile-icon-wrap{transform:scale(1.1);color:#FFFFFF;background:rgba(139,92,246,.4)}.tile-glass-cyan{background:rgba(15,23,42,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(6,182,212,.35);color:#FFFFFF}.tile-glass-cyan .tile-icon-wrap{width:46px;height:46px;border-radius:12px;background:rgba(6,182,212,.2);display:flex;align-items:center;justify-content:center;color:#38BDF8;transition:transform .3s ease}.tile-glass-cyan:hover{background:rgba(6,182,212,.22);border-color:rgba(56,189,248,.7);color:#FFFFFF;transform:translateY(-6px) scale(1.03);box-shadow:0 16px 36px rgba(6,182,212,.35)}.tile-glass-cyan:hover .tile-icon-wrap{transform:scale(1.1);color:#FFFFFF;background:rgba(6,182,212,.4)}.tile-glass-emerald{background:rgba(15,23,42,.65);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1.5px solid rgba(16,185,129,.35);color:#FFFFFF}.tile-glass-emerald .tile-icon-wrap{width:46px;height:46px;border-radius:12px;background:rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;color:#34D399;transition:transform .3s ease}.tile-glass-emerald:hover{background:rgba(16,185,129,.22);border-color:rgba(52,211,153,.7);color:#FFFFFF;transform:translateY(-6px) scale(1.03);box-shadow:0 16px 36px rgba(16,185,129,.35)}.tile-glass-emerald:hover .tile-icon-wrap{transform:scale(1.1);color:#FFFFFF;background:rgba(16,185,129,.4)}.tile-title{font-size:.95rem;line-height:1.2;text-align:center}.preloader-progress-bar{width:100%;height:100%;background:linear-gradient(90deg,transparent,#C99A4C,#E5B869,transparent);animation:preloaderSweep 1.8s ease-in-out infinite}@keyframes logoImgEntrance{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes preloaderGlowPulse{0%{transform:translate(-50%,-50%) scale(.9);opacity:.1}to{transform:translate(-50%,-50%) scale(1.15);opacity:.25}}@keyframes preloaderSweep{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.visual-highlights-photo-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:24px;gap:24px}@media (min-width:768px){.visual-highlights-photo-grid{grid-template-columns:repeat(2,1fr);gap:28px}}.photo-highlight-card{position:relative;height:320px;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;text-decoration:none;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.5);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.photo-highlight-card:hover{transform:translateY(-6px);border-color:#C084FC;box-shadow:0 18px 40px rgba(139,92,246,.35)}.photo-card-img{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .6s cubic-bezier(.165,.84,.44,1);z-index:1}.photo-highlight-card:hover .photo-card-img{transform:scale(1.08)}.photo-card-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,19,.1),rgba(7,9,19,.65) 50%,rgba(7,9,19,.95));z-index:2;transition:opacity .35s ease}.photo-highlight-card:hover .photo-card-overlay{background:linear-gradient(180deg,rgba(7,9,19,.1),rgba(7,9,19,.75) 40%,rgba(7,9,19,.98))}.photo-card-content{position:relative;z-index:3}.photo-card-tag{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:#38BDF8;background:rgba(15,23,42,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(56,189,248,.3);padding:4px 12px;border-radius:20px;margin-bottom:12px}.photo-card-content h3{font-size:1.35rem;font-weight:800;color:#FFFFFF;margin-bottom:8px}.photo-card-content p{font-size:.92rem;color:rgba(243,244,246,.88);line-height:1.5;margin:0}.pillars-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}@media (min-width:992px){.pillars-preview-grid{grid-template-columns:repeat(2,1fr);gap:20px}}.pillar-mini-card{background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.3);border-radius:16px;padding:24px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.pillar-mini-card:hover{transform:translateY(-4px);border-color:#C084FC;box-shadow:0 14px 32px rgba(139,92,246,.3)}.pillar-mini-card i{width:32px;height:32px}.pillar-mini-card h4{font-size:1.1rem;font-weight:700;color:#FFFFFF!important;margin:0}.highlights-blur-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:28px;gap:28px}.highlight-blur-card{position:relative;background:rgba(20,18,61,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(201,154,76,.35);overflow:hidden;box-shadow:0 12px 36px rgba(0,0,0,.35);transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;flex-direction:column;text-decoration:none;color:#FFFFFF}.shape-rect-1{border-top-left-radius:36px;border-bottom-right-radius:36px;border-top-right-radius:12px;border-bottom-left-radius:12px}.shape-rect-2{border-radius:24px}.shape-rect-3{border-top-right-radius:36px;border-bottom-left-radius:36px;border-top-left-radius:12px;border-bottom-right-radius:12px}.shape-rect-4{border-radius:16px;border-left:4px solid var(--color-gold)}.highlight-blur-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 18px 48px rgba(201,154,76,.45);border-color:var(--color-gold-light)}.highlight-blur-image{position:relative;height:280px;width:100%;overflow:hidden;background:var(--color-navy)}.highlight-blur-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.highlight-blur-card:hover .highlight-blur-image img{transform:scale(1.08)}.highlight-blur-content{padding:24px;display:flex;flex-direction:column;flex:1 1;background:linear-gradient(180deg,rgba(20,18,61,.75),rgba(30,27,75,.95))}.highlight-blur-tag{position:absolute;top:16px;left:16px;background:rgba(20,18,61,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-gold-light);border:1px solid rgba(201,154,76,.45);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:6px 14px;border-radius:20px;z-index:2;box-shadow:0 4px 12px rgba(0,0,0,.3)}.highlight-blur-card h3{font-size:1.25rem;color:#FFFFFF;margin-bottom:8px;line-height:1.35;font-weight:700}.highlight-blur-action{font-size:.88rem;color:var(--color-gold-light);font-weight:700;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:14px;transition:gap .2s ease}.highlight-blur-card:hover .highlight-blur-action{gap:10px}.hero-logo-img{display:none}.page-header-banner{position:relative;background:#070913;background-image:radial-gradient(circle at 85% 50%,rgba(139,92,246,.25) 0,transparent 55%),radial-gradient(circle at 15% 50%,rgba(6,182,212,.22) 0,transparent 55%),linear-gradient(180deg,#070913,#0B0E1E);padding:135px 0 55px;color:#FFFFFF;border-bottom:1px solid rgba(255,255,255,.1);overflow:hidden}.page-header-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23A855F7' stroke-width='0.8' stroke-opacity='0.14'%3E%3Cpolygon points='40,0 48,12 60,12 52,24 60,36 48,36 40,48 32,36 20,36 28,24 20,12 32,12' /%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:80px 80px;pointer-events:none;opacity:.6}.page-header-flex{display:flex;align-items:center;justify-content:space-between;gap:36px;position:relative;z-index:2}.page-header-text{flex:1 1;max-width:720px}.page-header-logo-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:10px}.page-header-logo-img{width:160px;max-width:190px;height:auto;filter:drop-shadow(0 8px 24px rgba(201,154,76,.5));transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.page-header-logo-img:hover{transform:scale(1.06) rotate(1deg)}@media (max-width:768px){.page-header-flex{flex-direction:column-reverse;text-align:center;align-items:center;gap:20px}.page-header-logo-img{width:110px}}.header-bismillah-top{text-align:center;font-size:1.28rem;color:rgba(255,255,255,.95);padding:10px 0 2px;letter-spacing:.08em;pointer-events:none;line-height:1.2}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.08);transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease;transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease,box-shadow .35s ease;transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease,box-shadow .35s ease,-webkit-backdrop-filter .35s ease}.header.scrolled{background:rgba(7,9,19,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px rgba(0,0,0,.6)}.nav-container{justify-content:space-between;height:72px}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:12px;text-decoration:none}.nav-logo img{height:52px;width:auto;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:28px;list-style:none}.nav-link{font-family:var(--font-heading);font-size:.92rem;font-weight:600;color:rgba(243,244,246,.88);position:relative;padding:6px 0;transition:color .2s ease}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#C084FC,#38BDF8);transition:width var(--transition-fast);border-radius:2px}.nav-link.active,.nav-link:hover{color:#FFFFFF}.nav-link.active:after,.nav-link:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:10px}.nav-account{position:relative}.nav-account-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:190px;background:#0B1220;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px;z-index:80;box-shadow:0 16px 40px rgba(0,0,0,.45)}.nav-account-menu a,.nav-account-menu button{display:block;width:100%;text-align:left;background:none;border:none;color:#F3F4F6;padding:10px 12px;border-radius:8px;font-size:.9rem;cursor:pointer;text-decoration:none;font-family:inherit}.nav-account-menu a:hover,.nav-account-menu button:hover{background:rgba(16,185,129,.18)}.mobile-toggle{display:none;background:none;border:none;color:#FFFFFF;font-size:1.6rem;cursor:pointer;padding:8px}@media (max-width:1024px){.nav-menu{position:fixed;top:84px;left:0;right:0;bottom:0;background-color:#070913;flex-direction:column;justify-content:flex-start;padding:32px 20px;gap:12px;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);box-shadow:0 20px 40px rgba(0,0,0,.8);z-index:999;overflow-y:auto}.nav-menu.open{transform:translateY(0);opacity:1;visibility:visible}.nav-menu .nav-link{font-size:1.1rem;color:rgba(255,255,255,.95);width:100%;padding:12px 16px;border-radius:var(--radius-sm);border-bottom:1px solid rgba(255,255,255,.08);background:none;text-align:left;cursor:pointer}.nav-menu .nav-link.active,.nav-menu .nav-link:hover{background-color:rgba(139,92,246,.2);color:#C084FC}.mobile-toggle{display:block}.nav-actions{display:flex;align-items:center;gap:10px}.nav-actions .nav-donate-btn{display:inline-flex!important;padding:7px 14px;font-size:.85rem;font-weight:600;border-radius:9999px}.nav-menu .nav-mobile-only{display:block;margin-top:10px}.nav-menu .nav-link-donate{background:linear-gradient(135deg,#10B981,#059669);color:#FFFFFF!important;text-align:center;font-weight:700;border-radius:var(--radius-md);border-bottom:none;box-shadow:0 4px 12px rgba(16,185,129,.3)}}.nav-mobile-only{display:none}.hero{position:relative;background:#070913;background-image:radial-gradient(circle at 20% 20%,rgba(139,92,246,.25) 0,transparent 45%),radial-gradient(circle at 80% 30%,rgba(6,182,212,.22) 0,transparent 45%),radial-gradient(circle at 50% 85%,rgba(16,185,129,.18) 0,transparent 50%),linear-gradient(180deg,#070913,#0B0E1E 60%,#070913);color:#FFFFFF;min-height:100vh;height:100vh;display:flex;flex-direction:column;justify-content:center;padding:80px 0 20px;box-sizing:border-box;overflow:hidden}@media (max-height:699px),(max-width:991px){.hero{height:auto;min-height:100vh;padding:100px 0 50px}}.hero-glow-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:1;opacity:.65;animation:orbFloat 10s ease-in-out infinite alternate}.hero-glow-orb-purple{top:-10%;left:10%;width:500px;height:500px;background:radial-gradient(circle,rgba(139,92,246,.4) 0,rgba(139,92,246,0) 70%)}.hero-glow-orb-cyan{top:15%;right:5%;width:540px;height:540px;background:radial-gradient(circle,rgba(6,182,212,.35) 0,rgba(6,182,212,0) 70%);animation-delay:-5s}.hero-glow-orb-teal{bottom:-15%;left:35%;width:460px;height:460px;background:radial-gradient(circle,rgba(16,185,129,.28) 0,rgba(16,185,129,0) 70%);animation-delay:-2.5s}@keyframes orbFloat{0%{transform:scale(1) translateY(0);opacity:.55}to{transform:scale(1.18) translateY(-25px);opacity:.8}}.hero-islamic-pattern-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23A855F7' stroke-width='0.8' stroke-opacity='0.14'%3E%3Cpolygon points='40,0 48,12 60,12 52,24 60,36 48,36 40,48 32,36 20,36 28,24 20,12 32,12' /%3E%3Cpolygon points='0,40 8,52 20,52 12,64 20,76 8,76 0,88 -8,76 -20,76 -12,64 -20,52 -8,52' /%3E%3Cpolygon points='80,40 88,52 100,52 92,64 100,76 88,76 80,88 72,76 60,76 68,64 60,52 72,52' /%3E%3Ccircle cx='40' cy='24' r='6' stroke='%2338BDF8' stroke-opacity='0.16' /%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;background-size:90px 90px;pointer-events:none;z-index:1;opacity:.65}.hero-grid{grid-template-columns:1fr;grid-gap:48px;gap:48px}.hero-grid,.hero-split-grid{display:grid;align-items:center}.hero-split-grid{grid-template-columns:1fr;grid-gap:40px;gap:40px}@media (min-width:992px){.hero-grid{grid-template-columns:1.2fr .8fr}.hero-split-grid{grid-template-columns:1.15fr .85fr;gap:48px}}.hero-text-col{text-align:left}.hero-tiles-col{width:100%}.hero-tiles-col .hero-4-buttons-square-grid{margin:0;max-width:100%;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width:576px){.hero-tiles-col .hero-4-buttons-square-grid{grid-template-columns:1fr}}.hero-content{position:relative;z-index:2}.hero-bismillah{font-size:1.8rem;color:rgba(255,255,255,.95);text-align:center;letter-spacing:.08em;display:block;margin:0 auto 24px;background:transparent;border:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;padding:0}.hero-eyebrow-badge{display:inline-flex;align-items:center;padding:6px 18px;border-radius:9999px;background:rgba(139,92,246,.12);border:1px solid rgba(168,85,247,.35);color:#C084FC;font-size:.88rem;font-weight:600;margin-bottom:16px;letter-spacing:.03em;box-shadow:0 0 16px rgba(168,85,247,.15)}.hero-fade-in{animation:heroFadeInUp .85s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.hero-fade-delay-1{animation:heroFadeInUp .9s cubic-bezier(.16,1,.3,1) .12s forwards;opacity:0}.hero-fade-delay-2{animation:heroFadeInUp .9s cubic-bezier(.16,1,.3,1) .25s forwards;opacity:0}@keyframes heroFadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.gradient-text-vibrant{background:linear-gradient(135deg,#C084FC,#A855F7 40%,#6366F1);-webkit-background-clip:text}.gradient-text-cyan,.gradient-text-vibrant{-webkit-text-fill-color:transparent;display:inline-block}.gradient-text-cyan{background:linear-gradient(135deg,#38BDF8,#06B6D4 50%,#10B981);-webkit-background-clip:text}.hero-word-slideshow-wrap{display:inline-flex;align-items:center;position:relative;vertical-align:bottom;min-width:min(330px,85vw);text-align:left}.typewriter-cursor{display:inline-block;margin-left:3px;width:3px;height:.85em;background-color:#38BDF8;vertical-align:middle;border-radius:2px;box-shadow:0 0 8px rgba(56,189,248,.8);animation:typewriterBlink .9s infinite}@keyframes typewriterBlink{0%,to{opacity:1}50%{opacity:0}}.hero h1{color:#FFFFFF;margin-bottom:20px;line-height:1.15}.hero h1 span{display:inline-block}.hero-subtext{font-size:1.15rem;color:rgba(243,244,246,.9);margin-bottom:36px;max-width:780px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px}.hero-quick-stats{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:32px;margin-top:48px;padding-top:28px;border-top:1px solid rgba(255,255,255,.1)}.hero-stat-item{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.85);font-size:.92rem}.hero-stat-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center}.hero-stat-icon-purple{background:rgba(139,92,246,.2);color:#C084FC}.hero-stat-icon-cyan{background:rgba(6,182,212,.2);color:#38BDF8}.hero-stat-icon-emerald{background:rgba(16,185,129,.2);color:#34D399}.hero-stat-icon-indigo{background:rgba(99,102,241,.2);color:#818CF8}.hero-stat-num{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;color:#FFFFFF;display:block}.hero-widget{position:relative;z-index:2;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(201,154,76,.3);border-radius:var(--radius-lg);padding:32px;box-shadow:0 20px 40px rgba(0,0,0,.3)}.hero-widget-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:16px;margin-bottom:20px}.hero-widget-title{gap:10px;color:var(--color-gold);font-family:var(--font-heading);font-size:1.05rem}.badge-live,.hero-widget-title{display:flex;align-items:center;font-weight:700}.badge-live{background:rgba(201,154,76,.2);color:var(--color-gold-light);border:1px solid var(--color-gold);font-size:.75rem;padding:4px 10px;border-radius:20px;gap:6px}.badge-live:before{content:"";width:7px;height:7px;background-color:#22C55E;border-radius:50%;box-shadow:0 0 8px #22C55E;animation:pulse-green 2s infinite}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.hero-prayer-main{text-align:center;padding:12px 0}.hero-prayer-name{font-size:1rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.08em}.hero-prayer-time{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;color:#FFFFFF;margin:4px 0}.hero-countdown{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;color:var(--color-gold-light);margin-top:6px}.hero-jummah-box{margin-top:20px;background:rgba(30,27,75,.6);border-radius:var(--radius-sm);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;border-left:3px solid var(--color-gold)}.hero-jummah-label{font-size:.85rem;color:rgba(255,255,255,.8);font-weight:600}.hero-jummah-val{font-family:var(--font-heading);font-weight:700;color:var(--color-gold-light);font-size:.95rem}.about-grid{display:grid;grid-template-columns:1fr;grid-gap:48px;gap:48px;align-items:center}@media (min-width:992px){.about-grid{grid-template-columns:1fr 1fr}}.about-text p{color:var(--color-text-main);margin-bottom:20px;font-size:1.05rem}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px;margin-top:36px}.pillar-card{background:var(--color-surface);border:1px solid rgba(30,27,75,.08);border-radius:var(--radius-md);padding:24px;transition:all var(--transition-normal);position:relative;overflow:hidden}.pillar-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--color-gold);opacity:0;transition:opacity var(--transition-fast)}.pillar-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(201,154,76,.3)}.pillar-card:hover:before{opacity:1}.pillar-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-gold-soft);color:var(--color-navy);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.pillar-card h3{font-size:1.15rem;margin-bottom:8px}.pillar-card p{font-size:.9rem;color:var(--color-text-muted)}.stats-strip{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;background:var(--color-navy);color:var(--color-text-on-navy);padding:40px;border-radius:var(--radius-lg);margin-top:48px}@media (min-width:768px){.stats-strip{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-number{font-family:var(--font-heading);font-size:2.4rem;font-weight:800;color:var(--color-gold-light)}.stat-label{font-size:.88rem;color:rgba(255,255,255,.75);text-transform:uppercase;letter-spacing:.06em;margin-top:4px}.prayer-section-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid rgba(30,27,75,.08);box-shadow:var(--shadow-lg);overflow:hidden}.prayer-header-bar{background:var(--color-navy);padding:28px 36px;flex-wrap:wrap;justify-content:space-between;gap:20px}.prayer-header-bar,.prayer-location-info h3{color:var(--color-text-on-navy);display:flex;align-items:center}.prayer-location-info h3{gap:8px;font-size:1.4rem}.prayer-location-info p{color:var(--color-gold-light);font-size:.9rem}.prayer-selectors{display:flex;align-items:center;gap:12px}.prayer-select{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#FFFFFF;padding:8px 14px;border-radius:8px;font-size:.88rem;outline:none;cursor:pointer}.prayer-select option{background:var(--color-navy);color:#FFFFFF}.prayer-times-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:12px;gap:12px;padding:32px}.prayer-time-card{background:var(--color-bg-warm);border:1px solid rgba(30,27,75,.06);border-radius:var(--radius-md);padding:20px 16px;text-align:center;transition:all var(--transition-normal);position:relative}.prayer-time-card.active{background:var(--color-navy);color:#FFFFFF;border-color:var(--color-gold);box-shadow:var(--shadow-gold);transform:scale(1.04)}.prayer-time-card.active h4{color:var(--color-gold-light)}.prayer-time-card.active .prayer-clock{color:#FFFFFF}.prayer-time-card h4{font-size:.95rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-navy);margin-bottom:8px}.prayer-clock{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-navy)}.prayer-iqamah{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.prayer-time-card.active .prayer-iqamah{color:rgba(255,255,255,.75)}.jummah-banner{background:var(--color-gold-soft);border-top:1px dashed var(--color-gold);padding:20px 32px;flex-wrap:wrap;justify-content:space-between;gap:16px}.jummah-banner,.jummah-info{display:flex;align-items:center}.jummah-info{gap:12px;color:var(--color-navy);font-weight:600}.jummah-info i{color:var(--color-gold-dark)}.filter-tabs{gap:10px}.tab-btn{background:var(--color-surface);border:1px solid rgba(30,27,75,.12);color:var(--color-navy);border-radius:var(--radius-full);font-size:.9rem;transition:all var(--transition-fast)}.tab-btn.active,.tab-btn:hover{background:var(--color-navy);color:#FFFFFF;border-color:var(--color-navy)}.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:32px;gap:32px}.event-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(30,27,75,.08);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:all var(--transition-normal)}.event-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:rgba(201,154,76,.4)}.event-image-wrap{position:relative;height:200px;overflow:hidden;background-color:var(--color-navy)}.event-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.event-card:hover .event-image-wrap img{transform:scale(1.05)}.event-category-badge{position:absolute;top:16px;right:16px;background:var(--color-navy);color:var(--color-gold-light);border:1px solid var(--color-gold);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:20px;text-transform:uppercase}.event-content{padding:24px;display:flex;flex-direction:column;flex:1 1}.event-meta{gap:16px;font-size:.85rem;color:var(--color-gold-dark);font-weight:600;margin-bottom:10px}.event-meta,.event-meta-item{display:flex;align-items:center}.event-meta-item{gap:6px}.event-card h3{font-size:1.25rem;margin-bottom:12px;line-height:1.35}.event-card p{color:var(--color-text-muted);font-size:.92rem;margin-bottom:20px;flex:1 1}.event-footer{justify-content:space-between;padding-top:16px;border-top:1px solid rgba(30,27,75,.06)}.event-footer,.event-location{display:flex;align-items:center}.event-location{font-size:.85rem;color:var(--color-text-muted);gap:4px}.programs-schedule{margin-top:64px;background:var(--color-navy);color:var(--color-text-on-navy);border-radius:var(--radius-xl);padding:40px;position:relative;overflow:hidden}.programs-header{text-align:center;margin-bottom:36px}.programs-header h3{color:var(--color-text-on-navy);font-size:1.8rem}.programs-header p{color:var(--color-gold-light)}.programs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.program-item{background:rgba(255,255,255,.06);border:1px solid rgba(201,154,76,.2);border-radius:var(--radius-md);padding:20px;transition:all var(--transition-fast)}.program-item:hover{background:rgba(255,255,255,.12);border-color:var(--color-gold)}.program-day{font-size:.8rem;font-weight:700;color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em}.program-title{font-family:var(--font-heading);font-weight:700;font-size:1.1rem;color:#FFFFFF;margin:4px 0 8px}.program-time-loc{font-size:.85rem;color:rgba(255,255,255,.7);display:flex;flex-direction:column;gap:4px}.committee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:28px;gap:28px}.committee-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid rgba(30,27,75,.08);box-shadow:var(--shadow-sm);padding:28px 24px;text-align:center;transition:all var(--transition-normal)}.committee-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:var(--color-gold)}.committee-avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 16px;border:3px solid var(--color-gold);padding:3px;background-color:var(--color-bg-warm);overflow:hidden}.committee-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.committee-role{display:inline-block;background:var(--color-navy-translucent);color:var(--color-navy);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 12px;border-radius:12px;margin-bottom:8px}.committee-card h3{font-size:1.2rem;margin-bottom:4px}.committee-dept{font-size:.88rem;color:var(--color-text-muted);margin-bottom:16px}.committee-quote{font-size:.85rem;color:var(--color-text-main);font-style:italic;line-height:1.4;border-top:1px solid rgba(30,27,75,.06);padding-top:12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3;cursor:pointer;box-shadow:var(--shadow-sm)}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(30,27,75,.9),transparent 70%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;color:#FFFFFF;opacity:0;transition:opacity var(--transition-fast)}.gallery-item:hover img{transform:scale(1.08)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-caption{font-family:var(--font-heading);font-weight:600;font-size:1rem}.gallery-tag{font-size:.78rem;color:var(--color-gold-light);text-transform:uppercase}.lightbox-modal{position:fixed;inset:0;z-index:2000;background-color:rgba(15,13,40,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.lightbox-modal.open{opacity:1;visibility:visible}.lightbox-content{max-width:900px;width:100%;position:relative;text-align:center}.lightbox-content img{max-height:75vh;margin:0 auto;border-radius:var(--radius-md);box-shadow:0 20px 50px rgba(0,0,0,.5);border:1px solid rgba(201,154,76,.3)}.lightbox-caption{color:#FFFFFF;font-family:var(--font-heading);font-size:1.1rem;margin-top:16px}.lightbox-close{position:absolute;top:-48px;right:0;background:none;border:none;color:#FFFFFF;font-size:2rem;cursor:pointer}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:28px;gap:28px;margin-bottom:64px}.step-card{background:var(--color-surface);border:1px solid rgba(30,27,75,.08)}.step-number{width:44px;height:44px;border-radius:50%;background:var(--color-navy);color:var(--color-gold-light);font-family:var(--font-heading);font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.form-card{background:var(--color-surface);border-radius:var(--radius-xl);border:1px solid rgba(30,27,75,.08);box-shadow:var(--shadow-lg);padding:40px;max-width:760px;margin:0 auto}.form-group{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media (min-width:768px){.form-row{grid-template-columns:1fr 1fr}}label{display:block;font-family:var(--font-heading);font-size:.88rem;font-weight:600;color:#F3F4F6;margin-bottom:8px}input[type=email],input[type=tel],input[type=text],select,textarea{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.15);background-color:rgba(15,23,42,.8);color:#FFFFFF;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,select:focus,textarea:focus{border-color:#A855F7;box-shadow:0 0 0 3px rgba(168,85,247,.25);background-color:rgba(15,23,42,.95)}.donation-card{background:var(--color-navy);color:var(--color-text-on-navy);border-radius:var(--radius-xl);padding:48px 36px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.donation-grid{display:grid;grid-template-columns:1fr;grid-gap:48px;gap:48px;align-items:center}@media (min-width:992px){.donation-grid{grid-template-columns:1.1fr .9fr}}.donation-info h2{color:var(--color-text-on-navy);margin-bottom:16px}.donation-info p{color:rgba(255,255,255,.85);font-size:1.05rem;margin-bottom:24px}.donation-progress-box{background:rgba(255,255,255,.08);border:1px solid rgba(201,154,76,.3);border-radius:var(--radius-md);padding:20px;margin-bottom:24px}.progress-bar-bg{height:12px;background:rgba(255,255,255,.15);border-radius:6px;overflow:hidden;margin:12px 0 8px}.progress-bar-fill{height:100%;width:72%;background:linear-gradient(to right,var(--color-gold),var(--color-gold-light));border-radius:6px;transition:width 1s ease}.progress-labels{display:flex;justify-content:space-between;font-size:.88rem;color:var(--color-gold-light);font-weight:600}.donation-box{background:rgba(15,23,42,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(16,185,129,.4);color:#F3F4F6;border-radius:var(--radius-lg);padding:32px;box-shadow:0 12px 32px rgba(0,0,0,.6)}.donation-box h3,.donation-box h4{color:#FFFFFF!important}.donation-box label{color:#E5E7EB;font-weight:600;font-size:.9rem;margin-bottom:6px;display:block}.donation-box input,.donation-box select,.donation-box textarea{background:rgba(7,9,19,.85);border:1px solid rgba(16,185,129,.4);color:#FFFFFF;border-radius:8px;padding:10px 14px;width:100%;font-size:.95rem;box-sizing:border-box}.donation-box input:focus,.donation-box select:focus,.donation-box textarea:focus{outline:none;border-color:#10B981;box-shadow:0 0 12px rgba(16,185,129,.4)}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin:16px 0}.preset-btn{background:rgba(30,41,59,.8);border:1px solid rgba(16,185,129,.3);color:#FFFFFF;font-family:var(--font-heading);font-weight:700;font-size:.95rem;padding:12px 0;border-radius:8px;cursor:pointer;transition:all .25s ease}.preset-btn.active,.preset-btn:hover{background:#10B981;color:#FFFFFF;border-color:#10B981;box-shadow:0 4px 16px rgba(16,185,129,.4)}.bkash-info-box{background:rgba(226,19,110,.12);border:1px solid rgba(226,19,110,.4);border-radius:var(--radius-md);padding:18px;margin-top:20px;color:#FFFFFF}.bank-info-box{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.35);border-radius:var(--radius-md);padding:18px;margin-top:16px;color:#FFFFFF}.filter-tabs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-bottom:40px}.tab-btn{background:rgba(15,23,42,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:rgba(243,244,246,.88);font-family:var(--font-heading);font-weight:600;font-size:.92rem;padding:10px 22px;border-radius:30px;cursor:pointer;transition:all .25s ease}.tab-btn:hover{background:rgba(30,41,59,.9);color:#FFFFFF;border-color:#C084FC;transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#6366F1,#8B5CF6 50%,#06B6D4);color:#FFFFFF;font-weight:700;border-color:transparent;box-shadow:0 4px 18px rgba(139,92,246,.4)}.slideshow-3panel-container{width:100%;max-width:1240px;margin:0 auto;padding:10px 0 30px}.slideshow-3panel-grid{display:flex;align-items:center;gap:24px;min-height:440px}.slideshow-preview-card{flex:0 0 250px;height:360px;border-radius:var(--radius-lg);overflow:hidden;position:relative;background-size:cover;background-position:50%;filter:grayscale(100%) opacity(.6);border:1px solid rgba(255,255,255,.15);cursor:pointer;transition:all .4s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.slideshow-preview-card:hover{filter:grayscale(20%) opacity(.9);transform:translateY(-6px);border-color:rgba(192,132,252,.6);box-shadow:0 12px 30px rgba(139,92,246,.3)}.slideshow-main-card{flex:1 1;height:440px;border-radius:var(--radius-xl);overflow:hidden;position:relative;background-size:cover;background-position:50%;border:2px solid #c084fc;box-shadow:0 20px 50px rgba(139,92,246,.35),0 10px 30px rgba(0,0,0,.8);transition:all .5s ease-in-out}.slideshow-panel-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,9,19,.1),rgba(7,9,19,.92));display:flex;flex-direction:column;justify-content:flex-end;padding:32px 36px}.slideshow-preview-card .slideshow-panel-overlay{padding:20px}.slideshow-tag-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(139,92,246,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(192,132,252,.5);color:#C084FC;font-size:.78rem;font-weight:700;padding:4px 12px;border-radius:16px;text-transform:uppercase;margin-bottom:10px;width:-moz-fit-content;width:fit-content}.slideshow-main-title{font-size:1.7rem;font-weight:800;color:#FFFFFF;margin-bottom:6px;line-height:1.25}.slideshow-preview-title{font-size:1rem;font-weight:700;color:#FFFFFF;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.slideshow-main-caption{font-size:.98rem;color:rgba(243,244,246,.9);margin-bottom:0;line-height:1.5}.slideshow-preview-tag{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:10px;margin-bottom:8px;width:-moz-fit-content;width:fit-content}.slideshow-preview-card.prev .slideshow-preview-tag{background:rgba(255,255,255,.2);color:#FFFFFF}.slideshow-preview-card.next .slideshow-preview-tag{background:rgba(56,189,248,.25);color:#38BDF8}.slideshow-3panel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}@media (max-width:992px){.slideshow-preview-card{display:none}}.step-card{background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(139,92,246,.25);padding:32px 24px;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.step-card:hover{transform:translateY(-4px);border-color:#C084FC;box-shadow:0 12px 32px rgba(139,92,246,.25)}.step-card h3,.step-card h4{color:#FFFFFF!important;font-size:1.2rem;margin-bottom:8px}.step-card p{color:rgba(243,244,246,.85)!important;font-size:.92rem;line-height:1.55;margin:0}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast)}.faq-item.open{border-color:#C084FC;box-shadow:0 8px 24px rgba(139,92,246,.25)}.faq-question{width:100%;padding:20px 24px;background:none;border:none;text-align:left;font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:#FFFFFF!important;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.faq-answer{padding:0 24px 20px;color:rgba(243,244,246,.88)!important;font-size:.95rem;line-height:1.6;display:none}.faq-item.open .faq-answer{display:block}.faq-icon{color:#C084FC}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-icon{transition:transform var(--transition-fast);color:var(--color-gold-dark)}.contact-grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px}@media (min-width:992px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-info-card{background:var(--color-navy);color:var(--color-text-on-navy);border-radius:var(--radius-xl);padding:40px;display:flex;flex-direction:column;justify-content:space-between}.contact-info-card h3{color:var(--color-text-on-navy);font-size:1.8rem;margin-bottom:12px}.contact-info-card p{color:rgba(255,255,255,.8);margin-bottom:32px}.contact-detail-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.contact-detail-item{display:flex;align-items:flex-start;gap:16px}.contact-icon-wrap{width:40px;height:40px;border-radius:50%;background:rgba(201,154,76,.2);color:var(--color-gold-light);display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-links{display:flex;gap:12px}.social-btn{width:44px;height:44px;background:rgba(255,255,255,.1);color:#FFFFFF;transition:all var(--transition-fast)}.social-btn:hover{background:var(--color-gold);color:#111111;transform:translateY(-3px)}.footer{background-color:#070913;color:#FFFFFF;padding:80px 0 32px;border-top:1px solid rgba(255,255,255,.1)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#8B5CF6,#06B6D4 50%,#10B981)}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:56px}.footer-brand img{height:50px;margin-bottom:20px;filter:brightness(0) invert(1)}.footer-brand p{color:rgba(255,255,255,.75);font-size:.92rem;margin-bottom:20px}.footer-col h4{color:#C084FC;font-size:1.1rem;margin-bottom:20px}.footer-links{gap:12px}.footer-links a{color:rgba(255,255,255,.75);font-size:.92rem;transition:all .2s ease}.footer-links a:hover{padding-left:6px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:28px;font-size:.88rem;color:rgba(255,255,255,.6)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:3000;display:flex;flex-direction:column;gap:10px}.toast{background:var(--color-navy);color:#FFFFFF;border-left:4px solid var(--color-gold);padding:14px 20px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-size:.92rem;animation:slideInRight .3s ease forwards}.toast.toast-error{border-left-color:#F43F5E}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.container{padding:0 16px}.section{padding:50px 0}.hero{padding:120px 0 60px!important}.hero-bismillah{font-size:1.25rem!important;margin-bottom:12px!important}.hero h1{font-size:2rem!important;margin-bottom:16px!important}.hero-subtext{font-size:.98rem!important;margin-bottom:24px!important}.hero-4-buttons-square-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-top:24px!important}.hero-square-tile{min-height:110px!important;padding:16px 10px!important;border-radius:10px!important}.tile-title{font-size:.82rem!important}.tile-icon-wrap{width:36px!important;height:36px!important}.chip-bottom-left,.chip-top-right{display:none!important}.teaser-grid{grid-template-columns:1fr!important;gap:28px!important}.pillars-preview-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.committee-grid,.events-grid,.highlights-blur-grid,.pillars-grid,.steps-grid,.values-grid{grid-template-columns:1fr!important;gap:20px!important}.page-header-banner{padding:40px 0 36px!important}.page-header-flex{flex-direction:column-reverse!important;text-align:center!important;align-items:center!important;gap:18px!important}.page-header-logo-img{width:100px!important}.footer-grid{grid-template-columns:1fr!important;gap:28px!important;text-align:center}.footer-brand p,.footer-links{margin:0 auto}#newsletter-form,.footer-bottom{flex-direction:column}.footer-bottom{gap:12px;text-align:center}.slideshow-3panel-grid{min-height:auto}.slideshow-main-card{height:340px!important;border-radius:var(--radius-lg)}.slideshow-panel-overlay{padding:20px 22px!important}.slideshow-main-title{font-size:1.3rem!important;margin-bottom:4px!important}.slideshow-main-caption{font-size:.88rem!important}.donation-grid{grid-template-columns:1fr!important;gap:20px!important;text-align:center!important}.donation-card{padding:28px 20px!important}.upcoming-banner-grid{grid-template-columns:1fr!important}.upcoming-banner-grid>div:first-child{height:220px!important}.upcoming-banner-grid>div:last-child{padding:24px 20px!important}.contact-grid{grid-template-columns:1fr!important;gap:24px!important}.toast-container{left:16px;right:16px;bottom:16px}}@media (max-width:480px){.hero-4-buttons-square-grid{grid-template-columns:repeat(2,1fr)!important}.btn{width:100%}.btn,.filter-tabs{justify-content:center}.filter-tabs{flex-wrap:wrap}.tab-btn{padding:8px 14px;font-size:.82rem}.slideshow-main-card{height:300px!important}.slideshow-main-title{font-size:1.15rem!important}}.about-muis-viewport-section{position:relative;background:#0B0E1E;color:#FFFFFF;padding:80px 0;box-sizing:border-box}.about-slide-up-trigger{opacity:0;filter:blur(20px);transform:translateY(90px) scale(.94);transition:opacity .85s cubic-bezier(.16,1,.3,1),filter .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform}.about-slide-up-trigger.is-visible{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}.about-slide-up-trigger .about-impact-banner,.about-slide-up-trigger .about-pillar-card-enhanced,.about-slide-up-trigger .teaser-text{opacity:0;filter:blur(14px);transform:translateY(60px) scale(.92);transition:opacity .75s cubic-bezier(.16,1,.3,1),filter .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);will-change:opacity,filter,transform}.about-slide-up-trigger.is-visible .teaser-text{opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.12s}.about-slide-up-trigger.is-visible .about-pillar-card-enhanced:first-child{opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.2s}.about-slide-up-trigger.is-visible .about-pillar-card-enhanced:nth-child(2){opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.3s}.about-slide-up-trigger.is-visible .about-pillar-card-enhanced:nth-child(3){opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.4s}.about-slide-up-trigger.is-visible .about-pillar-card-enhanced:nth-child(4){opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.5s}.about-slide-up-trigger.is-visible .about-impact-banner{opacity:1;filter:blur(0);transform:translateY(0) scale(1);transition-delay:.58s}.about-enhanced-grid{display:grid;grid-template-columns:1fr;grid-gap:40px;gap:40px;align-items:center}@media (min-width:992px){.about-enhanced-grid{grid-template-columns:1.1fr .9fr;gap:48px}}.about-pillars-rich-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}@media (max-width:576px){.about-pillars-rich-grid{grid-template-columns:1fr}}.about-pillar-card-enhanced{background:rgba(15,23,42,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-lg);padding:22px 20px;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.about-pillar-card-enhanced:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#A855F7,#38BDF8);opacity:.6;transition:opacity .3s ease}.about-pillar-card-enhanced:hover{transform:translateY(-5px);border-color:rgba(168,85,247,.6);box-shadow:0 14px 35px rgba(139,92,246,.25)}.about-pillar-card-enhanced:hover:before{opacity:1}.about-pillar-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.2rem}.about-pillar-icon-purple{background:rgba(168,85,247,.18);color:#C084FC;border:1px solid rgba(168,85,247,.35)}.about-pillar-icon-cyan{background:rgba(56,189,248,.18);color:#38BDF8;border:1px solid rgba(56,189,248,.35)}.about-pillar-icon-emerald{background:rgba(16,185,129,.18);color:#34D399;border:1px solid rgba(16,185,129,.35)}.about-pillar-icon-rose{background:rgba(244,63,94,.18);color:#FB7185;border:1px solid rgba(244,63,94,.35)}.about-pillar-title{font-size:1.05rem;font-weight:700;color:#FFFFFF;margin-bottom:6px}.about-pillar-desc{font-size:.86rem;color:rgba(243,244,246,.8);line-height:1.5;margin:0}.about-impact-banner{margin-top:40px;padding:24px 28px;background:linear-gradient(135deg,rgba(15,23,42,.9),rgba(30,27,75,.85));border:1px solid rgba(168,85,247,.3);border-radius:var(--radius-xl);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.4)}@media (max-width:768px){.about-impact-banner{grid-template-columns:repeat(2,1fr);gap:24px;padding:20px}}.about-impact-item{display:flex;flex-direction:column;align-items:center}.about-impact-num{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#38BDF8,#C084FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.about-impact-label{font-size:.82rem;color:rgba(243,244,246,.82);margin-top:4px;font-weight:600}.slideshow-middle-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:12;width:48px;height:48px;border-radius:50%;background:rgba(15,23,42,.55);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px rgba(0,0,0,.5)}.slideshow-middle-btn.prev{left:16px}.slideshow-middle-btn.next{right:16px}.slideshow-middle-btn:hover{background:rgba(168,85,247,.85);border-color:#C084FC;transform:translateY(-50%) scale(1.12);box-shadow:0 10px 30px rgba(139,92,246,.6)}.slideshow-middle-btn:active{transform:translateY(-50%) scale(.96)}.slideshow-middle-btn i{width:24px;height:24px}@media (max-width:640px){.slideshow-middle-btn{width:40px;height:40px}.slideshow-middle-btn.prev{left:10px}.slideshow-middle-btn.next{right:10px}}.courses-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:36px}@media (max-width:992px){.courses-showcase-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.courses-showcase-grid{grid-template-columns:1fr}}.course-card-vibrant{background:rgba(15,23,42,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.course-card-vibrant:after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38BDF8,#A855F7,#10B981)}.course-card-vibrant:hover{transform:translateY(-6px);border-color:rgba(56,189,248,.6);box-shadow:0 16px 40px rgba(56,189,248,.22)}.course-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.course-badge{font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:16px;text-transform:uppercase;letter-spacing:.04em}.course-badge-purple{background:rgba(168,85,247,.2);color:#C084FC;border:1px solid rgba(168,85,247,.4)}.course-badge-cyan{background:rgba(56,189,248,.2);color:#38BDF8;border:1px solid rgba(56,189,248,.4)}.course-badge-emerald{background:rgba(16,185,129,.2);color:#34D399;border:1px solid rgba(16,185,129,.4)}.course-card-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#FFFFFF}.course-card-title{font-size:1.25rem;font-weight:800;color:#FFFFFF;margin-bottom:10px;line-height:1.3}.course-card-desc{font-size:.92rem;color:rgba(243,244,246,.85);line-height:1.55;margin-bottom:20px;flex-grow:1}.course-meta-pills{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px;font-size:.84rem;color:rgba(243,244,246,.8)}.course-meta-pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:4px 10px;border-radius:8px}.youtube-preview-section{margin-bottom:40px}.youtube-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media (max-width:768px){.youtube-grid{grid-template-columns:1fr}}.youtube-embed-wrapper{position:relative;width:100%;padding-top:56.25%;border-radius:var(--radius-xl);overflow:hidden;border:1px solid rgba(168,85,247,.35);box-shadow:0 16px 40px rgba(0,0,0,.6);background:#0B0E1E}.youtube-embed-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.join-muis-card{background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(30,27,75,.9));border:1px solid rgba(168,85,247,.4);border-radius:var(--radius-xl);padding:clamp(36px,6vh,52px) clamp(24px,5vw,44px);text-align:center;box-shadow:0 20px 50px rgba(139,92,246,.25);position:relative;overflow:hidden}.join-muis-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(56,189,248,.12) 0,transparent 60%);pointer-events:none}.join-actions-wrap{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px;margin-bottom:32px}@media (max-width:576px){.join-actions-wrap{flex-direction:column;width:100%}.join-actions-wrap .btn{width:100%;justify-content:center}}.join-quick-badges{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);font-size:.88rem;color:rgba(243,244,246,.85)}.join-quick-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);padding:6px 14px;border-radius:20px;transition:all .3s ease}.join-quick-badge:hover{background:rgba(168,85,247,.2);border-color:rgba(168,85,247,.4);color:#FFFFFF}.compact-event-card{display:grid;grid-template-columns:240px 1fr;background:rgba(15,23,42,.9);border:1px solid rgba(56,189,248,.45);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.5);cursor:pointer;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.compact-event-card:hover{transform:translateY(-4px);border-color:rgba(168,85,247,.6);box-shadow:0 20px 45px rgba(168,85,247,.3)}.compact-event-cover{height:100%;min-height:180px;background-size:cover;background-position:50%;position:relative}.compact-event-badge{position:absolute;top:14px;left:14px;background:rgba(56,189,248,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #38bdf8;color:#38BDF8;font-weight:700;font-size:.78rem;padding:4px 12px;border-radius:16px;text-transform:uppercase}.compact-event-body{padding:24px 30px;display:flex;flex-direction:column;justify-content:center}.compact-event-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.compact-tag-purple{background:rgba(168,85,247,.2);color:#C084FC;border:1px solid rgba(168,85,247,.4);padding:3px 10px;border-radius:14px;font-size:.78rem;font-weight:700}.compact-tag-emerald{color:#10B981;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:4px}.compact-event-title{font-size:1.45rem;color:#FFFFFF;font-weight:800;margin-bottom:6px}.compact-event-desc{color:rgba(243,244,246,.85);font-size:.95rem;margin-bottom:16px;line-height:1.5}@media (max-width:768px){.compact-event-card{grid-template-columns:1fr}.compact-event-cover{height:160px}.compact-event-body{padding:20px}}.event-detail-modal{position:fixed;inset:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.event-detail-modal.open{opacity:1;visibility:visible}.event-modal-backdrop{position:absolute;inset:0;background:rgba(7,9,19,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.event-modal-card{position:relative;z-index:2;width:100%;max-width:680px;background:#0B0E1E;border:1px solid rgba(168,85,247,.35);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.7);transform:translateY(20px) scale(.96);transition:transform .35s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow-y:auto}.event-detail-modal.open .event-modal-card{transform:translateY(0) scale(1)}.event-modal-close{position:absolute;top:16px;right:16px;z-index:5;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.2);color:#FFFFFF;font-size:1.5rem;width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease}.event-modal-close:hover{background:rgba(239,68,68,.8)}.event-modal-banner{height:240px;background-size:cover;background-position:50%;position:relative}.event-modal-banner-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,#0B0E1E)}.event-modal-date-badge{position:absolute;top:20px;left:20px;background:rgba(56,189,248,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #38bdf8;color:#38BDF8;font-weight:700;font-size:.85rem;padding:6px 16px;border-radius:20px}.event-modal-content{padding:28px 36px 36px}.event-modal-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:16px;gap:16px;background:rgba(15,23,42,.6);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:16px 20px}.event-meta-box{display:flex;align-items:center;gap:12px;color:#38BDF8}.event-meta-box small{display:block;font-size:.75rem;color:rgba(243,244,246,.6);text-transform:uppercase}.event-meta-box strong{font-size:.88rem;color:#FFFFFF}.section-donate-shade{background:#09151A;position:relative;overflow:hidden;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);box-shadow:none!important}.donate-section-ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:900px;height:260px;background:radial-gradient(ellipse at center,rgba(16,185,129,.2) 0,rgba(6,78,59,.1) 50%,transparent 80%);filter:blur(40px);pointer-events:none;z-index:1}.donation-card-rich{padding:44px;background:rgba(11,20,26,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(16,185,129,.4);border-left:4px solid #10b981;border-radius:var(--radius-xl);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 40px rgba(16,185,129,.15);position:relative;z-index:2}.donation-grid-flex{display:flex;align-items:center;justify-content:space-between;gap:32px}@media (max-width:768px){.donation-card-rich{padding:28px 22px}.donation-grid-flex{flex-direction:column;text-align:center}.donation-grid-flex .btn{width:100%;justify-content:center}}.youtube-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:36px}.youtube-embed-card{background:rgba(15,23,42,.8);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.5);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.youtube-embed-card:hover{transform:translateY(-4px);border-color:rgba(244,63,94,.5);box-shadow:0 16px 36px rgba(244,63,94,.25)}@media (max-width:991px){.youtube-grid-3col{grid-template-columns:1fr;gap:24px}}.faq-suggestions-wrap{max-width:760px;margin:32px auto 0;display:flex;flex-direction:column;gap:12px;text-align:left}.faq-accordion-item{background:rgba(15,23,42,.7);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden;transition:border-color .3s ease,background .3s ease}.faq-accordion-item.open{background:rgba(15,23,42,.95);border-color:rgba(168,85,247,.45);box-shadow:0 10px 25px rgba(0,0,0,.4)}.faq-accordion-header{width:100%;padding:16px 20px;background:transparent;border:none;color:#FFFFFF;font-family:var(--font-heading);font-size:.98rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;cursor:pointer;gap:16px;text-align:left}.faq-accordion-header span{display:flex;align-items:center;gap:10px}.faq-icon-purple{color:#C084FC;width:18px;height:18px}.faq-icon-cyan{color:#38BDF8;width:18px;height:18px}.faq-icon-emerald{color:#34D399;width:18px;height:18px}.faq-chevron{color:rgba(255,255,255,.6);transition:transform .3s ease;width:18px;height:18px}.faq-accordion-item.open .faq-chevron{transform:rotate(180deg);color:#C084FC}.faq-accordion-body{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.16,1,.3,1),padding .35s ease;padding:0 20px}.faq-accordion-item.open .faq-accordion-body{max-height:200px;padding:0 20px 18px}.faq-accordion-body p{color:rgba(243,244,246,.88);font-size:.92rem;line-height:1.6;margin:0}.footer{background:#04050C;border-top:1px solid rgba(255,255,255,.08);padding:60px 0 30px;color:rgba(243,244,246,.85);position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:1.2fr 2fr 1.1fr;grid-gap:40px;gap:40px;margin-bottom:40px}.footer-brand img{height:48px;width:auto;margin-bottom:16px}.footer-brand p{font-size:.9rem;line-height:1.6;color:rgba(243,244,246,.75)}.footer-mobile-side-by-side{display:grid;grid-template-columns:1fr 1fr;grid-gap:32px;gap:32px}.footer-col h4{font-size:1.05rem;color:#FFFFFF;margin-bottom:18px;font-weight:700}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-links a{color:rgba(243,244,246,.75);text-decoration:none;font-size:.88rem;transition:color .2s ease}.footer-links a:hover{color:#38BDF8}.footer-contact-list li{display:flex;align-items:center;gap:8px;font-size:.86rem;color:rgba(243,244,246,.8)}.footer-contact-list i{width:16px;height:16px;flex-shrink:0}.footer-social-row{margin-top:16px;display:flex;gap:10px}.social-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .2s ease}.social-btn:hover{transform:translateY(-2px)}.social-btn.facebook{background:rgba(139,92,246,.2);color:#C084FC;border:1px solid rgba(139,92,246,.4)}.social-btn.youtube{background:rgba(244,63,94,.2);color:#F43F5E;border:1px solid rgba(244,63,94,.4)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;font-size:.84rem;color:rgba(243,244,246,.65)}@media (max-width:991px){.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{text-align:center}.footer-brand img{margin:0 auto 12px}.footer-mobile-side-by-side{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;align-items:start}.footer-col-left{text-align:left}.footer-col-left .footer-links{align-items:flex-start}.footer-col-right{text-align:right}.footer-col-right .footer-links{align-items:flex-end}.footer-col-right .footer-contact-list li{flex-direction:row-reverse;justify-content:flex-start;text-align:right}.footer-col-right .footer-social-row{justify-content:flex-end}.footer-col-newsletter{text-align:center}.footer-col-newsletter form{justify-content:center}.footer-bottom{flex-direction:column;text-align:center;gap:12px}}.join-hero-section{padding:100px 0 40px;background:#070913;position:relative;overflow:hidden}.join-hero-subtext{max-width:680px;margin:0 auto;color:var(--color-text-muted);font-size:1.05rem;line-height:1.6}.join-form-wrapper{max-width:760px;margin:0 auto}.join-card{background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:40px;box-shadow:0 20px 50px rgba(0,0,0,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width:768px){.join-card{padding:24px 18px}}.join-card-header{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}.join-card-header h2{font-size:1.65rem;margin-bottom:8px;display:flex;align-items:center;justify-content:center;gap:10px}.join-icon-glow{color:#10B981;width:28px;height:28px}.join-card-header p{color:var(--color-text-muted);font-size:.95rem}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-bottom:20px}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr;gap:16px}}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.88rem;font-weight:600;color:#E2E8F0}.form-group label .required{color:#EF4444}.input-with-icon{position:relative;display:flex;align-items:center;width:100%}.input-with-icon .input-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#94A3B8;width:18px;height:18px;pointer-events:none;z-index:3}.form-control{width:100%;padding:12px 16px;background-color:rgba(7,9,19,.7);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#FFFFFF;font-size:.95rem;font-family:var(--font-body);transition:border-color .25s ease,box-shadow .25s ease}.input-with-icon .form-control{padding-left:48px!important}.form-control:focus{outline:none;border-color:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.2)}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}select.form-control option{background-color:#0F172A;color:#FFFFFF}.radio-card-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.radio-card{position:relative;cursor:pointer}.radio-card input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 12px;background:rgba(7,9,19,.7);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);color:#94A3B8;font-size:.9rem;font-weight:600;transition:all .2s ease;white-space:nowrap}.radio-card input[type=radio]:checked+.radio-card-btn,.radio-card.selected .radio-card-btn{background:rgba(16,185,129,.15);border-color:#10B981;color:#10B981;box-shadow:0 0 12px rgba(16,185,129,.25)}.optional-tag{font-size:.78rem;color:#64748B;font-weight:400;margin-left:4px}.textarea-control{padding-left:14px;resize:vertical;min-height:80px}.form-submit-row{margin-top:32px;display:flex;justify-content:center}.btn-center{max-width:420px;width:100%;margin:0 auto}.privacy-note{margin-top:16px;font-size:.8rem;color:#64748B}.join-alert{padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:.9rem}.alert-error{background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.35);color:#FCA5A5}.alert-success{background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.35);color:#6EE7B7}.join-success-card{text-align:center;padding:20px 10px}.success-icon-wrap{width:72px;height:72px;margin:0 auto 20px;border-radius:50%;background:rgba(16,185,129,.15);color:#10B981;display:flex;align-items:center;justify-content:center;font-size:2.4rem;box-shadow:0 0 30px rgba(16,185,129,.3)}.success-icon-wrap svg{width:48px;height:48px}.spin{animation:spin 1s linear infinite}.hidden{display:none!important}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.donation-simple-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px}@media (max-width:768px){.donation-simple-grid{grid-template-columns:1fr;gap:16px}}.donate-info-card{background:rgba(15,23,42,.85);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:28px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-direction:column;box-shadow:0 12px 30px rgba(0,0,0,.4)}.donate-card-header,.donate-info-card{display:flex;justify-content:space-between}.donate-card-header{align-items:center;margin-bottom:20px;gap:12px}.donate-badge{font-size:.82rem;font-weight:800;padding:5px 12px;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.bkash-badge{background:#E2136E;color:#FFFFFF}.bank-badge{background:#059669;color:#FFFFFF}.btn-copy{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#FFFFFF;cursor:pointer;padding:6px 14px;border-radius:var(--radius-sm);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;transition:all .2s ease}.btn-copy:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.4)}.donate-number-display{font-size:1.8rem;font-weight:800;color:#F472B6;font-family:var(--font-heading);letter-spacing:.03em;margin-bottom:16px}.donate-details-list{font-size:.92rem;color:var(--color-text-muted);line-height:1.6}.bank-details-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;font-size:.92rem;color:#F3F4F6}.bank-details-grid small{display:block;font-size:.75rem;color:#94A3B8;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.highlight-green{color:#34D399;font-size:1.1rem}.preloader-spinner-ring{width:170px;height:170px;margin-top:-85px;margin-left:-85px;border-color:#10b981 #34d399 transparent transparent;border-style:solid;border-width:3px;border-radius:50%;animation:preloaderRingSpin 1.1s cubic-bezier(.4,0,.2,1) infinite}.preloader-spinner-ring,.preloader-spinner-ring-outer{position:absolute;top:50%;left:50%;pointer-events:none;z-index:1}.preloader-spinner-ring-outer{width:200px;height:200px;margin-top:-100px;margin-left:-100px;border-color:transparent transparent #38bdf8 rgba(56,189,248,.35);border-style:solid;border-width:2px;border-radius:50%;animation:preloaderRingSpinReverse 1.6s linear infinite}@keyframes preloaderRingSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes preloaderRingSpinReverse{0%{transform:rotate(1turn)}to{transform:rotate(0deg)}}.breadcrumb a svg,.btn svg,.event-meta-item svg,.faq-chevron,.faq-icon,.faq-icon-cyan,.faq-icon-emerald,.faq-icon-purple,.input-with-icon .input-icon,.join-icon-glow,.program-time-loc svg,.social-btn svg,.success-icon-wrap svg{flex-shrink:0}.auth-card{max-width:520px;margin:0 auto}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.admin-table-wrap{display:flex;flex-direction:column;gap:12px}.admin-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px 18px;background:rgba(15,23,42,.7);border:1px solid rgba(139,92,246,.25);border-radius:12px;color:#F3F4F6}.admin-help{color:rgba(243,244,246,.8);font-size:.9rem;line-height:1.5;margin-bottom:8px}.admin-row-title{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px}.admin-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:4px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.2);color:#E5E7EB}.admin-badge-draft,.admin-badge-new,.admin-badge-pending,.admin-badge-pending_review,.admin-badge-pending_verify{background:rgba(56,189,248,.18);border-color:#38BDF8;color:#7DD3FC}.admin-badge-accepted,.admin-badge-added_to_group,.admin-badge-approved,.admin-badge-matched,.admin-badge-published{background:rgba(16,185,129,.18);border-color:#10B981;color:#6EE7B7}.admin-badge-rejected{background:rgba(244,63,94,.18);border-color:#F43F5E;color:#FDA4AF}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.admin-content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.admin-content-grid .form-card .form-control,.admin-content-grid .form-card input,.admin-content-grid .form-card textarea{margin-bottom:10px}.admin-overview{margin-bottom:12px}.progress-section{padding-top:28px}.progress-notebook{max-width:880px;margin:0 auto;background:#F8FAFC;color:#0F172A;border-radius:20px;padding:28px;box-shadow:0 24px 50px rgba(0,0,0,.35)}.progress-notebook h3{color:#0F172A;font-size:1.2rem;margin:28px 0 8px}.progress-hint{color:#475569;font-size:.88rem;margin-bottom:14px}.progress-notebook-top{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.progress-lock-note{display:flex;align-items:center;gap:8px;color:#065F46;font-weight:700;font-size:.9rem}.progress-stats{display:flex;gap:10px}.progress-stat{background:#0F172A;border:none;border-radius:12px;padding:10px 16px;text-align:center;color:#fff;min-width:96px}.progress-stat strong{display:block;font-size:1.35rem;color:#6EE7B7}.progress-stat span{font-size:.72rem;color:#CBD5E1}.progress-date-nav{display:flex;align-items:center;gap:10px;background:#FFFFFF;border:1px solid #cbd5e1;border-radius:14px;padding:10px}.progress-date-btn,.progress-today-btn{border:1px solid #cbd5e1;background:#F1F5F9;color:#0F172A;width:40px;height:40px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.progress-today-btn{width:auto;padding:0 14px;font-weight:700}.progress-date-label{flex:1 1;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800;color:#0F172A;font-size:1.02rem}.salah-cards{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.salah-card{background:#FFFFFF;border:1px solid #e2e8f0;border-radius:14px;padding:12px 8px 10px;text-align:center}.salah-card-prayed{border-color:#10B981;background:#ECFDF5}.salah-card-missed{border-color:#F43F5E;background:#FFF1F2}.salah-card-qada{border-color:#F59E0B;background:#FFFBEB}.salah-card-name{font-weight:800;color:#0F172A;margin-bottom:8px}.salah-options{display:flex;flex-direction:column;gap:6px}.salah-opt{border:1px solid #cbd5e1;background:#F8FAFC;color:#334155;border-radius:8px;padding:6px 8px;font-size:.78rem;font-weight:700;cursor:pointer}.salah-opt-prayed.active{background:#10B981;border-color:#10B981;color:#042F2E}.salah-opt-missed.active{background:#F43F5E;border-color:#F43F5E;color:#FFFFFF}.salah-opt-qada.active{background:#F59E0B;border-color:#F59E0B;color:#1C1917}.habit-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.habit-card{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#FFFFFF;border:1px solid #cbd5e1;border-radius:12px;padding:14px;color:#0F172A;font-weight:650;cursor:pointer;font-size:.92rem}.habit-card.on{background:#ECFDF5;border-color:#10B981}.habit-mark{width:22px;height:22px;border-radius:6px;border:2px solid #94a3b8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#065F46;font-weight:800}.habit-card.on .habit-mark{background:#10B981;border-color:#10B981;color:#042F2E}.progress-note{width:100%;margin-top:10px;padding:12px;border-radius:10px;border:1px solid #cbd5e1;font-size:.95rem}.progress-note,.quran-row{background:#FFFFFF;color:#0F172A}.quran-row{justify-content:space-between;margin:22px 0 8px;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-weight:700}.quran-row,.quran-stepper{display:flex;align-items:center}.quran-stepper{gap:10px}.quran-stepper button{width:36px;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#F1F5F9;color:#0F172A;font-size:1.2rem;cursor:pointer}.quran-stepper strong{min-width:24px;text-align:center;font-size:1.2rem}.progress-save{width:100%;margin-top:18px}.progress-footer-link{max-width:880px;margin:18px auto 0;text-align:center;color:#D1D5DB}.progress-footer-link a{color:#6EE7B7;font-weight:700}@media (max-width:800px){.habit-grid,.salah-cards{grid-template-columns:1fr}}@media (max-width:1100px){.nav-auth-btn,.nav-join-btn{display:none}}@media (max-width:720px){.admin-row{flex-direction:column}}.sirah-pay-box{background:rgba(15,23,42,.06);border:1px solid rgba(30,27,75,.12);border-radius:12px;padding:14px 16px;margin-bottom:20px;font-size:.9rem;line-height:1.5}.sirah-pay-box p{margin:0 0 8px}.sirah-pay-box p:last-child{margin-bottom:0}.sirah-page h3{display:flex;align-items:center;gap:8px}