.biography-page{padding-bottom:80px}.bio-hero{text-align:center;border-bottom:3px solid var(--accent-color);padding:80px 20px;position:relative;overflow:hidden}.theme-green .bio-hero{background:repeating-conic-gradient(#2d6a4f0a 0% 25%,#0000 0% 50%) 0 0/60px 60px,radial-gradient(120% 35% at 20% 100%,#1b433226 0%,#0000 60%),radial-gradient(100% 30% at 50% 100%,#2d6a4f14 0%,#0000 50%),radial-gradient(130% 40% at 80% 100%,#1b43321f 0%,#0000 55%),linear-gradient(135deg,#122c21,#08130e)}.theme-gold .bio-hero{background:repeating-conic-gradient(#c9a94e0a 0% 25%,#0000 0% 50%) 0 0/60px 60px,radial-gradient(120% 35% at 20% 100%,#5c432226 0%,#0000 60%),radial-gradient(100% 30% at 50% 100%,#c9a94e14 0%,#0000 50%),radial-gradient(130% 40% at 80% 100%,#5c43221f 0%,#0000 55%),linear-gradient(135deg,#3d2f1d,#1c150c)}.bio-hero-overlay{background-image:radial-gradient(var(--accent-color) .5px,transparent .5px);opacity:.05;pointer-events:none;background-size:16px 16px;position:absolute;inset:0}.bio-hero-container{z-index:2;max-width:800px;margin:0 auto;position:relative}.bio-tag{color:var(--accent-color);background-color:#c5a88026;border:1px solid #c5a8804d;border-radius:20px;margin-bottom:15px;padding:6px 16px;font-size:.8rem;font-weight:700;display:inline-block}.bio-title{color:#fff;text-shadow:0 2px 10px #0006;margin-bottom:12px;font-size:2.6rem;font-weight:900;line-height:1.3}.bio-author{color:var(--accent-color);opacity:.85;margin-bottom:8px;font-size:1rem;font-weight:400}.bio-desc{color:#ffffffb3;max-width:600px;margin:0 auto 20px;font-size:.95rem;font-weight:300;line-height:1.7}.bio-subtitle{color:var(--accent-color);margin-bottom:4px;font-size:1.15rem;font-weight:500}.bio-name{color:var(--accent-color);opacity:.9;font-size:1rem;font-weight:400}.bio-cover-side{z-index:3;pointer-events:none;width:160px;position:absolute;top:50%;left:-180px;transform:translateY(-50%)}@media (width>=1200px){.bio-cover-side{width:200px;left:-240px}}@media (width<=992px){.bio-cover-side{display:none}}.bio-cover-img{border-radius:12px;width:100%;height:auto;transition:transform .3s;transform:rotate(-8deg);box-shadow:0 10px 40px #0006}.bio-hero:hover .bio-cover-img{transform:rotate(-4deg)scale(1.02)}@media (width<=768px){.bio-title{font-size:2rem}.bio-subtitle{font-size:1rem}}.bio-overview{z-index:10;max-width:1200px;margin:-40px auto 60px;padding:0 20px;position:relative}.overview-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=576px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=992px){.overview-grid{grid-template-columns:repeat(4,1fr)}}.overview-card{background-color:var(--card-bg);border:1px solid var(--border-color);text-align:center;box-shadow:0 8px 24px var(--shadow-color);transition:transform var(--transition-fast),border-color var(--transition-fast);border-radius:12px;padding:25px 20px}.overview-card:hover{border-color:var(--accent-color);transform:translateY(-3px)}.overview-icon{width:48px;height:48px;color:var(--primary-color);background-color:#c5a88026;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 15px;display:flex}.theme-gold .overview-icon{color:var(--accent-color)}.overview-card h4{color:var(--primary-color);margin-bottom:8px;font-size:.95rem;font-weight:800}.theme-gold .overview-card h4{color:var(--accent-color)}.overview-card p{color:var(--text-color);font-size:.85rem;font-weight:600;line-height:1.5}.timeline-section{max-width:900px;margin:0 auto 80px;padding:0 20px}.section-title{color:var(--primary-color);text-align:center;margin-bottom:12px;font-size:1.8rem;font-weight:800}.theme-gold .section-title{color:var(--accent-color)}.section-desc{color:var(--text-muted);text-align:center;margin-bottom:50px;font-size:.95rem}.timeline-container{margin-top:30px;position:relative}.timeline-line{background-color:var(--border-color);width:2px;position:absolute;top:0;bottom:0;right:50%;transform:translate(50%)}@media (width<=768px){.timeline-line{right:20px;transform:none}}.timeline-item{width:50%;margin-bottom:40px;position:relative}.timeline-item.right{text-align:right;padding-left:40px;right:0}.timeline-item.left{text-align:right;padding-right:40px;left:0}@media (width<=768px){.timeline-item{width:100%;padding-left:0!important;padding-right:45px!important;left:0!important;right:0!important}}.timeline-dot{background-color:var(--card-bg);border:2px solid var(--accent-color);width:44px;height:44px;color:var(--primary-color);z-index:2;box-shadow:0 3px 6px var(--shadow-color);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:5px}.theme-gold .timeline-dot{color:var(--accent-color)}.timeline-item.right .timeline-dot{left:-22px}.timeline-item.left .timeline-dot{right:-22px}@media (width<=768px){.timeline-dot{left:auto!important;right:0!important}}.timeline-content{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-color);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);border-radius:10px;padding:25px}.timeline-content:hover{border-color:var(--accent-color);box-shadow:0 6px 18px var(--shadow-color)}.event-year{background-color:var(--primary-color);color:#fff;border-radius:15px;margin-bottom:12px;padding:4px 12px;font-size:.8rem;font-weight:700;display:inline-block}.theme-gold .event-year{background-color:var(--accent-color);color:var(--primary-color)}.event-title{color:var(--primary-color);margin-bottom:10px;font-size:1.15rem;font-weight:800}.theme-gold .event-title{color:var(--accent-color)}.event-desc{color:var(--text-color);text-align:justify;font-size:.9rem;line-height:1.7}.full-bio-section{max-width:900px;margin:0 auto;padding:0 20px}.accordion-wrapper{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 6px 18px var(--shadow-color);border-radius:12px;overflow:hidden}.accordion-trigger{background-color:var(--card-bg);width:100%;color:var(--primary-color);cursor:pointer;font-size:1.05rem;font-weight:800;font-family:var(--font-sans);text-align:right;transition:background-color var(--transition-fast);border:none;align-items:center;gap:15px;padding:20px 25px;display:flex}.theme-gold .accordion-trigger{color:var(--accent-color)}.accordion-trigger:hover{background-color:#c5a88014}.accordion-trigger svg{color:var(--accent-color);transition:transform var(--transition-normal)}.accordion-trigger.active svg{transform:rotate(180deg)}.accordion-content{border-top:1px solid var(--border-color);background-color:var(--bg-color)}.accordion-inner{max-width:800px;margin:0 auto;padding:30px}.paragraph-wrap{margin-bottom:10px}.error-text,.loading-text{text-align:center;color:var(--text-muted);padding:30px;font-style:italic}.error-text{color:#e63946}span.inline-quran-verse{font-family:var(--font-serif)!important;color:var(--primary-light)!important;font-size:1.25em!important;font-weight:700!important}.bio-gallery-section{max-width:900px;margin:0 auto 60px;padding:0 20px;position:relative}.bio-gallery-track-wrap{border-radius:12px;margin-top:25px;overflow:hidden}.bio-gallery-track{will-change:transform;gap:0;transition:transform .5s cubic-bezier(.25,.46,.45,.94);display:flex}.bio-gallery-track .gallery-card{height:220px;box-shadow:none;cursor:pointer;border:none;border-radius:0;flex:0 0 220px;position:relative;overflow:hidden}.bio-gallery-track .gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.bio-gallery-track .gallery-card:hover .gallery-img{transform:scale(1.08)}.bio-gallery-nav{z-index:5;border:2px solid var(--accent-color);background:var(--card-bg);width:40px;height:40px;color:var(--accent-color);cursor:pointer;box-shadow:0 2px 8px var(--shadow-color);opacity:.9;border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s,opacity .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.bio-gallery-nav{opacity:0}.bio-gallery-section:hover .bio-gallery-nav{opacity:.9}}.bio-gallery-nav:hover{background:var(--accent-color);color:#fff}.bio-gallery-prev{left:10px}.bio-gallery-next{right:10px}.bio-gallery-nav svg{stroke:currentColor;fill:none;stroke-width:2.5px;width:22px;height:22px}@media (width<=768px){.bio-gallery-track .gallery-card{flex:0 0 160px;height:160px}.bio-gallery-nav{width:32px;height:32px}.bio-gallery-nav svg{width:18px;height:18px}}