.view-biography-container{min-height:100vh;background:#f5f5f5;display:flex;flex-direction:column}.loading-hero{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-hero p{color:#718096;font-size:1.1rem}.error-hero{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 20px;background:#fff}.error-hero h1{font-size:2rem;color:#e53e3e;margin:0 0 10px}.error-hero p{color:#718096;font-size:1.1rem;margin:0 0 30px}.button-group{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.btn-back{padding:12px 24px;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;gap:8px;background:#4299e1;color:#fff}.btn-back svg{width:18px;height:18px;stroke-width:2.5}.btn-back:hover{background:#3182ce;transform:translateY(-2px);box-shadow:0 4px 12px rgba(66,153,225,.3)}.biography-header{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff;padding:50px 20px;margin:10px;border-radius:12px}.header-top{max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.biography-header h1{font-size:2.5rem;margin:0 0 25px;font-weight:600}.biography-header h1,.subtitle{font-family:Noto Nastaliq Urdu,Georgia,Times New Roman,serif}.subtitle{font-size:1.1rem;color:#cbd5e0;margin:0;display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.subtitle .separator{opacity:.7}.lang-toggle{position:relative;width:120px;height:38px;padding:3px;border-radius:20px;border:2px solid #2d3748;background:#2d3748;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#a0aec0;overflow:hidden;transition:all .3s ease;outline:none}.lang-toggle:hover{background:#1a202c;border-color:#1a202c}.lang-toggle:focus,.lang-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(45,55,72,.2)}.toggle-label{width:50%;text-align:center;z-index:2;transition:color .3s ease;font-family:system-ui,-apple-system,sans-serif;color:#a0aec0}.toggle-label.ur{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,serif;font-size:11px;font-weight:600;color:#a0aec0}.toggle-slider{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:#fff;border-radius:16px;transition:transform .3s ease;z-index:1;box-shadow:0 1px 3px rgba(0,0,0,.3)}.lang-toggle.ur .toggle-slider{transform:translateX(100%)}.lang-toggle.en .toggle-label.en,.lang-toggle.ur .toggle-label.ur{color:#1a202c;font-weight:700}.lang-toggle.en .toggle-label.ur,.lang-toggle.ur .toggle-label.en{color:#e3e6ea}.biography-main{flex:1 1;padding:40px 20px}.biography-wrapper{max-width:1100px;margin:0 auto}.top-controls{display:flex;justify-content:flex-start;align-items:center;gap:14px;margin-bottom:30px}.navigation-buttons{display:flex;gap:12px}.navigation-buttons .btn{padding:10px 18px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:none}.navigation-buttons .btn-outline-secondary{background:#2d3748;color:#fff;border:2px solid #2d3748}.navigation-buttons .btn-outline-secondary:hover{background:#1a202c;border-color:#1a202c;transform:translateY(-2px);box-shadow:0 2px 8px rgba(45,55,72,.25)}.navigation-buttons i{font-size:14px}.biography-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.info-section{background:none;border-radius:0;padding:30px;margin-bottom:0;box-shadow:none}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px}.info-item{padding-bottom:15px}.info-item label{display:block;font-weight:600;color:#2d3748;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-family:inherit}.info-item p{margin:0;color:#4a5568;font-size:1rem;line-height:1.8;font-family:Noto Nastaliq Urdu,Urdu Typesetting,Jameel Noori Nastaleeq,Georgia,Times New Roman,serif}.card-divider{height:1px;background:#e2e8f0;margin:0}.nasab-section{background:none;border-radius:0;padding:30px;margin-bottom:0;box-shadow:none}.nasab-section h3{font-size:1.3rem;color:#2d3748;margin:0 0 20px;padding:0;border:none}.nasab-content{color:#4a5568;line-height:2;letter-spacing:.3px;word-spacing:.2em;font-size:1rem;white-space:pre-wrap;word-wrap:break-word;font-family:Noto Nastaliq Urdu,Urdu Typesetting,Jameel Noori Nastaleeq,Georgia,Times New Roman,serif;word-break:keep-all;background:#f9fafb;padding:20px;border-radius:6px;border-left:4px solid #1e3c72}.about-section{background:none;border-radius:0;padding:30px;margin-bottom:0;box-shadow:none}.about-section h3{font-size:1.3rem;color:#2d3748;margin:0 0 20px;padding:0;border:none}.about-content{color:#4a5568;line-height:2;letter-spacing:.3px;word-spacing:.2em;font-size:1.05rem;font-family:Noto Nastaliq Urdu,Urdu Typesetting,Jameel Noori Nastaleeq,Georgia,Times New Roman,serif}.about-content p{margin:0 0 15px}.about-content p:last-child{margin-bottom:0}.about-content strong{color:#2d3748;font-weight:600}.about-content em{font-style:italic;color:#4a5568}.about-content ol,.about-content ul{margin:15px 0;padding-left:25px}.about-content li{margin:8px 0}.custom-section{background:none;border-radius:0;padding:30px;margin-bottom:0;box-shadow:none}.custom-section h3{font-size:1.3rem;color:#2d3748;margin:0 0 15px;padding:0;border:none}.custom-section p{color:#4a5568;line-height:1.8;font-size:1rem;margin:0;font-family:Noto Nastaliq Urdu,Urdu Typesetting,Jameel Noori Nastaleeq,Georgia,Times New Roman,serif}.biography-footer{display:none}@media (max-width:768px){.biography-header{padding:30px 20px}.header-top{flex-direction:column;align-items:center;text-align:center;gap:16px}.biography-header h1{font-size:1.8rem}.subtitle{justify-content:center}.biography-main{padding:24px 16px}.top-controls{flex-wrap:wrap;gap:10px;margin-bottom:24px}.navigation-buttons .btn{padding:10px 16px}.info-grid{grid-template-columns:1fr}.biography-card{border-radius:6px}.about-section,.custom-section,.info-section,.nasab-section{padding:20px}.about-section h3,.custom-section h3,.nasab-section h3{font-size:1.1rem}.about-content,.nasab-content{font-size:.95rem}}@media (max-width:480px){.biography-header{padding:20px 15px}.biography-header h1{font-size:1.5rem}.subtitle{font-size:.9rem}.header-actions{gap:5px}.header-actions .btn-back{padding:8px 12px;font-size:.85rem}.biography-main{padding:20px 15px}.about-section,.custom-section,.info-section,.nasab-section{padding:15px}.info-item label{font-size:.75rem}.info-item p{font-size:.95rem}.about-section h2,.custom-section h2,.nasab-section h2{font-size:1.1rem}.about-content{font-size:.95rem}.biography-footer{flex-direction:column}.btn-back-footer,.btn-home-footer{width:100%}}