@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary: #1a365d;--color-primary-light: #2c5282;--color-primary-dark: #0d1b2a;--color-secondary: #2d6a4f;--color-secondary-light: #40916c;--color-secondary-dark: #1b4332;--color-accent: #d4a844;--color-accent-light: #e4c76b;--color-accent-dark: #b8942f;--color-burgundy: #722f37;--color-burgundy-light: #8b3d47;--color-white: #ffffff;--color-off-white: #faf8f5;--color-cream: #f5f0e8;--color-gray-100: #f7fafc;--color-gray-200: #edf2f7;--color-gray-300: #e2e8f0;--color-gray-400: #cbd5e0;--color-gray-500: #a0aec0;--color-gray-600: #718096;--color-gray-700: #4a5568;--color-charcoal: #2d3748;--color-dark: #1a202c;--color-success: #38a169;--color-warning: #d69e2e;--color-error: #e53e3e;--font-heading: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-accent: "Cormorant Garamond", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-gold: 0 4px 20px rgba(212, 168, 68, .3);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-slower: .7s ease;--z-behind: -1;--z-normal: 1;--z-tooltip: 10;--z-sticky: 100;--z-fixed: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-popover: 500;--z-max: 999;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--header-height: 80px;--header-height-mobile: 70px}[data-theme=dark]{--color-white: #1a202c;--color-off-white: #2d3748;--color-charcoal: #f7fafc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes flicker{0%,to{transform:scaleY(1) scaleX(1);opacity:1}25%{transform:scaleY(1.1) scaleX(.95);opacity:.9}50%{transform:scaleY(.95) scaleX(1.05);opacity:1}75%{transform:scaleY(1.05) scaleX(.98);opacity:.95}}@keyframes glow{0%,to{box-shadow:0 0 20px #ffc86480,0 0 40px #ff96324d,0 0 60px #ff640033}50%{box-shadow:0 0 25px #ffc86499,0 0 50px #ff963266,0 0 75px #ff64004d}}@keyframes candleGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes dotPulse{0%,to{box-shadow:0 0 #d4a84466}50%{box-shadow:0 0 0 10px #d4a84400}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-fadeIn{animation:fadeIn var(--transition-slow) forwards}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) forwards}.animate-fadeInDown{animation:fadeInDown var(--transition-slow) forwards}.animate-fadeInLeft{animation:fadeInLeft var(--transition-slow) forwards}.animate-fadeInRight{animation:fadeInRight var(--transition-slow) forwards}.animate-scaleIn{animation:scaleIn var(--transition-slow) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.scroll-animate{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.scroll-animate.in-view{opacity:1;transform:translateY(0)}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-gold)}@keyframes blurUp{0%{filter:blur(20px);opacity:.6;transform:scale(1.1)}to{filter:blur(0);opacity:1;transform:scale(1)}}.img-blur-up{animation:blurUp .6s ease-out forwards}.img-loading{filter:blur(20px);opacity:.6;transform:scale(1.1);transition:all .5s ease-out}.img-loaded{filter:blur(0);opacity:1;transform:scale(1)}@keyframes sectionReveal{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.section-reveal{opacity:0;transform:translateY(60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.section-reveal.visible{opacity:1;transform:translateY(0)}.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.stagger-children.visible>*:nth-child(1){transition-delay:.1s}.stagger-children.visible>*:nth-child(2){transition-delay:.2s}.stagger-children.visible>*:nth-child(3){transition-delay:.3s}.stagger-children.visible>*:nth-child(4){transition-delay:.4s}.stagger-children.visible>*:nth-child(5){transition-delay:.5s}.stagger-children.visible>*:nth-child(6){transition-delay:.6s}.stagger-children.visible>*:nth-child(7){transition-delay:.7s}.stagger-children.visible>*:nth-child(8){transition-delay:.8s}.stagger-children.visible>*{opacity:1;transform:translateY(0)}@media print{header,nav,footer,.no-print,.memorial-candle,.video-section,.tributes-form,.share-buttons,button,.gallery-carousel{display:none!important}body{background:#fff!important;color:#000!important;font-size:12pt;line-height:1.5}h1,h2,h3,h4,h5,h6{color:#000!important;page-break-after:avoid;page-break-inside:avoid}h1{font-size:24pt}h2{font-size:18pt;border-bottom:1pt solid #ccc;padding-bottom:6pt;margin-top:24pt}h3{font-size:14pt}p{orphans:3;widows:3}.biography-section,.biography-section .accordion,.biography-section .tabs{display:block!important}.biography-section .accordion-content,.biography-section .tab-content{display:block!important;max-height:none!important;overflow:visible!important}img{max-width:100%!important;page-break-inside:avoid}.hero-portrait{max-width:200pt!important;margin:0 auto}a{color:#000!important;text-decoration:underline}a[href^=http]:after{content:" (" attr(href) ")";font-size:10pt;color:#666}.page-break{page-break-before:always}.no-break{page-break-inside:avoid}.timeline{display:block!important}.timeline-item{page-break-inside:avoid;margin-bottom:12pt;padding:12pt;border-left:2pt solid #ccc}.print-header{display:block!important;text-align:center;margin-bottom:24pt;padding-bottom:12pt;border-bottom:2pt solid #333}.print-header h1{margin-bottom:6pt}.print-header .dates{font-size:14pt;color:#666}*{box-shadow:none!important;text-shadow:none!important}@page{margin:2cm}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}ul,ol{list-style:none}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.75;color:var(--color-charcoal);background-color:var(--color-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-gray-200)}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-primary)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-accent);color:var(--color-white)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:var(--container-md)}.container-lg{max-width:var(--container-2xl)}section{padding:var(--space-20) 0}@media(max-width:768px){section{padding:var(--space-12) 0}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}.section-title{text-align:center;margin-bottom:var(--space-12)}.section-title h2{position:relative;display:inline-block;padding-bottom:var(--space-4)}.section-title h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));border-radius:var(--radius-full)}.section-title p{color:var(--color-gray-600);font-size:var(--text-lg);max-width:600px;margin:var(--space-4) auto 0}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);transition:all var(--transition-normal);cursor:pointer;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-white)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:var(--color-white)}.btn-accent{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-primary-dark)}.btn-accent:hover{background:linear-gradient(135deg,var(--color-accent-light),var(--color-accent));transform:translateY(-2px);box-shadow:var(--shadow-gold)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:var(--space-2) var(--space-4);z-index:var(--z-max);transition:top var(--transition-fast)}.skip-link:focus{top:0}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.grid-4{grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-accent{color:var(--color-accent)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.font-heading{font-family:var(--font-heading)}.font-accent{font-family:var(--font-accent)}.gold-line{width:60px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light));border-radius:var(--radius-full)}.pattern-overlay{position:absolute;inset:0;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4a844' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.spinner{width:40px;height:40px;border:3px solid var(--color-gray-300);border-top-color:var(--color-accent);border-radius:50%;animation:rotate 1s linear infinite}.backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop)}.image-placeholder{background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-300));display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);font-size:var(--text-sm)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);padding:var(--space-4) 0;transition:all var(--transition-normal);background:transparent}.header.scrolled{background:#1a365df2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg);padding:var(--space-3) 0}.header-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;transition:opacity var(--transition-fast)}.header-logo:hover{opacity:.9}.logo-icon{font-size:var(--text-2xl);color:var(--color-accent)}.logo-icon-img{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--color-accent)}.logo-subtitle{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--color-white);font-weight:var(--font-medium);letter-spacing:.05em}.desktop-nav ul{display:flex;align-items:center;gap:var(--space-1)}.nav-link{padding:var(--space-2) var(--space-4);color:var(--color-white);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);background:transparent;border:none;cursor:pointer}.nav-link:hover{color:var(--color-accent);background:#ffffff1a}.nav-link.active{color:var(--color-accent);background:#d4a84426}.mobile-menu-toggle{display:none;padding:var(--space-2);color:var(--color-white);font-size:var(--text-xl);background:#ffffff1a;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-menu-toggle:hover{background:#fff3}.mobile-nav{position:absolute;top:100%;left:0;right:0;background:#1a365dfa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.mobile-nav ul{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav .nav-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-base)}.mobile-nav .nav-link svg{font-size:var(--text-lg);color:var(--color-accent)}@media(max-width:1024px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}}@media(max-width:480px){.logo-name{font-size:var(--text-base)}.logo-subtitle{font-size:.65rem}}.footer{position:relative;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);color:var(--color-white);overflow:hidden}.footer-pattern{position:absolute;inset:0;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.footer-content{position:relative;padding:var(--space-16) 0}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--space-10)}.footer-section.memorial-info{padding-right:var(--space-8)}.memorial-logo{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.memorial-icon{font-size:var(--text-4xl);color:var(--color-accent);flex-shrink:0}.memorial-logo h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-white);line-height:1.3;margin-bottom:var(--space-1)}.memorial-dates{font-size:var(--text-sm);color:var(--color-accent)}.memorial-quote{font-family:var(--font-accent);font-size:var(--text-lg);font-style:italic;color:var(--color-accent-light);margin-bottom:var(--space-4)}.memorial-tribute{font-size:var(--text-sm);color:var(--color-gray-400);line-height:var(--leading-relaxed)}.footer-section h4{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-white);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:2px solid var(--color-accent);display:inline-block}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-links a{color:var(--color-gray-300);font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}.footer-links a:hover{color:var(--color-accent);transform:translate(5px)}.external-icon{font-size:var(--text-xs);opacity:.5}.contact-list{display:flex;flex-direction:column;gap:var(--space-4)}.contact-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-gray-300)}.contact-list li svg{color:var(--color-accent);margin-top:2px;flex-shrink:0}.contact-list a{color:var(--color-gray-300);transition:color var(--transition-fast)}.contact-list a:hover{color:var(--color-accent)}.social-share{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.social-share p{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:var(--space-3)}.social-icons{display:flex;gap:var(--space-3)}.social-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-lg);transition:all var(--transition-fast)}.social-icons a:hover{background:var(--color-accent);color:var(--color-primary-dark);transform:translateY(-3px)}.footer-bottom{position:relative;background:#0003;padding:var(--space-5) 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.copyright{font-size:var(--text-sm);color:var(--color-gray-400);margin-bottom:0}.made-with-love{font-size:var(--text-sm);color:var(--color-gray-400);display:flex;align-items:center;gap:var(--space-1);margin-bottom:0}.heart-icon{color:var(--color-accent);animation:pulse 1.5s ease-in-out infinite}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.footer-section.memorial-info{grid-column:span 2;padding-right:0}}@media(max-width:640px){.footer-content{padding:var(--space-10) 0}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-section.memorial-info{grid-column:span 1}.footer-bottom-content{flex-direction:column;text-align:center}}.islamic-memorial{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-6)}.arabic-calligraphy{margin-bottom:var(--space-4)}.arabic-text{font-family:Amiri,Traditional Arabic,Arabic Typesetting,serif;font-size:var(--text-4xl);font-weight:700;color:var(--color-accent);line-height:1.6;direction:rtl;text-shadow:0 2px 20px rgba(212,168,68,.3);display:block}.transliteration{font-family:var(--font-accent);font-size:var(--text-lg);font-style:italic;color:var(--color-gray-300);margin-bottom:var(--space-2);letter-spacing:.02em}.translation{font-size:var(--text-sm);color:var(--color-gray-400);max-width:280px;line-height:var(--leading-relaxed)}.memorial-decoration{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4)}.decoration-line{width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent)}.decoration-star{color:var(--color-accent);font-size:var(--text-sm)}.memorial-small .arabic-text{font-size:var(--text-2xl)}.memorial-small .transliteration{font-size:var(--text-base)}.memorial-small .translation{font-size:var(--text-xs)}.memorial-large .arabic-text{font-size:var(--text-5xl)}.memorial-large .transliteration{font-size:var(--text-xl)}@media(max-width:768px){.arabic-text{font-size:var(--text-3xl)}.transliteration{font-size:var(--text-base)}.translation{font-size:var(--text-xs);max-width:200px}}@media(max-width:480px){.arabic-text{font-size:var(--text-2xl)}.islamic-memorial{padding:var(--space-4)}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--header-height)}.hero-background{position:absolute;inset:0;z-index:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 40%,var(--color-primary-light) 100%)}.hero-pattern{position:absolute;inset:0;opacity:.05;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' fill-rule='evenodd'%3E%3Cg fill='%23d4a844' fill-opacity='1'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero-overlay{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,transparent 0%,rgba(0,0,0,.3) 100%)}.hero-container{position:relative;z-index:1;max-width:var(--container-xl);width:100%;margin:0 auto;padding:var(--space-8) var(--space-6)}.hero-content{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:center}.hero-text{color:var(--color-white)}.hero-title-group{margin-bottom:var(--space-8)}.hero-subtitle{display:inline-block;font-family:var(--font-accent);font-size:var(--text-lg);color:var(--color-accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-3)}.hero-name{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--color-white);line-height:1.1;margin-bottom:var(--space-4);text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-title{margin-bottom:var(--space-4)}.title-badge{display:inline-block;padding:var(--space-2) var(--space-5);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-primary-dark);font-family:var(--font-accent);font-size:var(--text-lg);font-weight:var(--font-semibold);border-radius:var(--radius-full);box-shadow:var(--shadow-gold);margin:0 var(--space-2) var(--space-2) 0}.title-badge.sobriquet{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-dark));color:var(--color-white);box-shadow:var(--shadow-md)}.hero-dates{font-family:var(--font-body);font-size:var(--text-xl);color:var(--color-gray-300);font-weight:var(--font-light);letter-spacing:.05em}.hero-quote{position:relative;padding:var(--space-6);margin-bottom:var(--space-6);background:#ffffff0d;border-left:4px solid var(--color-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.hero-quote p{font-family:var(--font-accent);font-size:var(--text-2xl);font-style:italic;color:var(--color-accent-light);line-height:var(--leading-relaxed);margin:0}.hero-description{font-size:var(--text-lg);color:var(--color-gray-300);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.hero-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-visual{display:flex;flex-direction:column;align-items:center;gap:var(--space-8)}.portrait-frame{position:relative}.portrait-border{position:relative;padding:8px;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark),var(--color-accent));border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl)}.portrait-image{position:relative;width:350px;height:450px;border-radius:calc(var(--radius-2xl) - 4px);overflow:hidden;background:var(--color-primary-light)}.portrait-image img{width:100%;height:100%;object-fit:cover}.portrait-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);text-align:center}.portrait-placeholder .initials{font-family:var(--font-heading);font-size:var(--text-6xl);font-weight:var(--font-bold);color:var(--color-accent);margin-bottom:var(--space-4)}.portrait-placeholder .placeholder-text{font-size:var(--text-sm);color:var(--color-gray-400);line-height:1.5}.portrait-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(212,168,68,.3) 0%,transparent 70%);z-index:-1;animation:candleGlow 3s ease-in-out infinite}.hero-candle{text-align:center}.scroll-indicator{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-gray-400);cursor:pointer;transition:color var(--transition-fast)}.scroll-indicator:hover{color:var(--color-accent)}.scroll-indicator span{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em}.scroll-icon{font-size:var(--text-xl);animation:float 2s ease-in-out infinite}.hero-decoration{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,68,.1) 0%,transparent 70%);pointer-events:none}.hero-decoration-1{top:10%;right:-150px}.hero-decoration-2{bottom:10%;left:-150px}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center;gap:var(--space-10)}.hero-text{order:2}.hero-visual{order:1}.hero-name{font-size:var(--text-4xl)}.hero-quote{border-left:none;border-top:4px solid var(--color-accent);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.hero-buttons{justify-content:center}.portrait-image{width:280px;height:360px}}@media(max-width:640px){.hero{padding-top:var(--header-height-mobile)}.hero-name{font-size:var(--text-3xl)}.hero-quote p{font-size:var(--text-lg)}.title-badge{font-size:var(--text-base)}.portrait-image{width:220px;height:280px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}}.floating-particles{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.particle{position:absolute;background:radial-gradient(circle,var(--color-accent) 0%,transparent 70%);border-radius:50%;opacity:.5}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 100'%3E%3Cpath fill='%23faf9f6' d='M0,60 C360,120 720,0 1440,60 L1440,100 L0,100 Z'/%3E%3C/svg%3E") no-repeat bottom center;background-size:100% 100%;z-index:2}@media(max-width:768px){.hero:after{height:60px}}.biography-section{position:relative;overflow:hidden}.biography-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#faf9f6eb,#faf5ebe0,#faf9f6f2),url(/images/backgrounds/biography_kilajolu.jpg);background-size:cover;background-position:center;background-attachment:fixed;z-index:0}.biography-section>.container{position:relative;z-index:1}.print-button-container{text-align:right;margin-bottom:var(--space-6)}.print-button-container .btn{gap:var(--space-2)}.biography-desktop{display:block}.biography-mobile{display:none}.biography-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-2);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.tab-button{flex:1;min-width:150px;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--color-gray-600);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-normal)}.tab-button:hover{background:var(--color-gray-100);color:var(--color-primary)}.tab-button.active{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white);box-shadow:var(--shadow-md)}.tab-icon{font-size:var(--text-2xl)}.tab-button.active .tab-icon{color:var(--color-accent)}.tab-label{font-size:var(--text-sm);text-align:center}.biography-content{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg)}.content-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-10);align-items:start}.content-text h3{font-size:var(--text-3xl);color:var(--color-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:3px solid var(--color-accent);display:inline-block}.biography-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-charcoal)}.biography-text p{margin-bottom:var(--space-4)}.biography-text strong{color:var(--color-primary);font-weight:var(--font-semibold)}.biography-text ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.biography-text li{margin-bottom:var(--space-2);position:relative;list-style:none}.biography-text li:before{content:"▸";position:absolute;left:calc(var(--space-6) * -1);color:var(--color-accent)}.biography-text .highlight,.biography-text .highlight-box{background:linear-gradient(135deg,#d4a8441a,#2d6a4f1a);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-accent);margin:var(--space-4) 0}.biography-text .highlight-box h4{color:var(--color-primary);margin-bottom:var(--space-2)}.biography-text .achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-6) 0}.biography-text .achievement{background:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md)}.biography-text .achievement h5{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-2)}.biography-text .achievement p{font-size:var(--text-sm);margin:0}.biography-text .achievement-highlight{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-light));color:var(--color-primary-dark);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);text-align:center;margin:var(--space-6) 0;font-weight:var(--font-semibold);box-shadow:var(--shadow-gold)}.biography-text .achievement-highlight p{margin:0}.biography-text .title-announcement{background:linear-gradient(135deg,#d4a84426,#d4a8440d);padding:var(--space-6);border-radius:var(--radius-lg);border:2px solid var(--color-accent);margin:var(--space-6) 0;text-align:center}.biography-text .title-announcement h4{font-size:var(--text-xl);color:var(--color-accent-dark);margin-bottom:var(--space-3)}.biography-text .stats-highlight{display:flex;gap:var(--space-6);margin:var(--space-6) 0;flex-wrap:wrap}.biography-text .stat{flex:1;min-width:200px;background:var(--color-primary);color:var(--color-white);padding:var(--space-4);border-radius:var(--radius-md);text-align:center}.biography-text .stat .label{display:block;font-size:var(--text-sm);color:var(--color-gray-300);margin-bottom:var(--space-1)}.biography-text .stat .value{display:block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-accent)}.image-frame{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.image-frame:before{content:"";display:block;padding-bottom:120%}.image-frame img,.image-placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}.image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:var(--color-accent);gap:var(--space-3)}.image-placeholder svg{font-size:var(--text-5xl)}.image-placeholder span{font-size:var(--text-sm);color:var(--color-gray-400)}.accordion-item{background:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--space-3);overflow:hidden;box-shadow:var(--shadow-md)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-white);border:none;cursor:pointer;transition:all var(--transition-fast)}.accordion-header:hover{background:var(--color-gray-100)}.accordion-header.expanded{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-white)}.accordion-title{display:flex;align-items:center;gap:var(--space-3)}.accordion-icon{font-size:var(--text-xl);color:var(--color-accent)}.accordion-header.expanded .accordion-icon{color:var(--color-accent-light)}.chevron{transition:transform var(--transition-fast)}.chevron.rotated{transform:rotate(180deg)}.accordion-content{overflow:hidden}.accordion-inner{padding:var(--space-5);border-top:1px solid var(--color-gray-200)}@media(max-width:1024px){.content-grid{grid-template-columns:1fr}.content-image{order:-1;max-width:400px;margin:0 auto}.biography-text .achievement-grid{grid-template-columns:1fr}}@media(max-width:768px){.biography-desktop{display:none}.biography-mobile{display:block}.print-button-container{text-align:center}.biography-text .stats-highlight{flex-direction:column}}@media(max-width:480px){.accordion-header{padding:var(--space-3) var(--space-4)}.accordion-title h4{font-size:var(--text-sm)}.accordion-icon{font-size:var(--text-lg)}.accordion-inner{padding:var(--space-4)}.biography-text{font-size:var(--text-sm)}.biography-text h4{font-size:var(--text-base)}.biography-text .stat{min-width:100%;padding:var(--space-3)}.biography-text .stat .value{font-size:var(--text-lg)}.biography-text .title-announcement{padding:var(--space-4)}.biography-text .title-announcement h4{font-size:var(--text-lg)}}.timeline-section{position:relative;overflow:hidden}.timeline-section:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#1a365deb,#1a365de0,#1a365df2),url(/images/backgrounds/timeline_conference.jpg);background-size:cover;background-position:center top;background-attachment:fixed;z-index:0}.timeline-section>.container{position:relative;z-index:1}.timeline-section .section-title h2{color:var(--color-white)}.timeline-section .section-title h2:after{background:linear-gradient(90deg,var(--color-accent),var(--color-accent-light))}.timeline-section .section-title p{color:var(--color-gray-300)}.timeline-nav{display:flex;justify-content:flex-end;gap:var(--space-2);margin-bottom:var(--space-6)}.timeline-nav-btn{width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-lg);cursor:pointer;transition:all var(--transition-fast)}.timeline-nav-btn:hover{background:var(--color-primary);color:var(--color-white)}.timeline-nav-btn.auto-scroll-btn{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.timeline-nav-btn.auto-scroll-btn:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.timeline-nav-btn.auto-scroll-btn.paused{background:var(--color-white);border-color:var(--color-accent);color:var(--color-accent)}.timeline-wrapper{position:relative;margin:0 calc(var(--space-6) * -1);padding:0 var(--space-6)}.timeline-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-10) 0;scroll-snap-type:x mandatory;scroll-behavior:smooth}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-track{display:flex;gap:var(--space-8);position:relative;padding:var(--space-16) var(--space-8) var(--space-8);min-width:max-content}.timeline-event{scroll-snap-align:center}.timeline-line{position:absolute;top:calc(var(--space-16) + 25px);left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-accent) 0%,var(--color-secondary) 50%,var(--color-primary) 100%);border-radius:var(--radius-full)}.timeline-event{position:relative;width:280px;flex-shrink:0;cursor:pointer}.timeline-event.highlight .event-card{box-shadow:var(--shadow-gold)}.timeline-event.highlight .event-dot{transform:scale(1.2);box-shadow:0 0 0 8px #d4a8444d}.event-year{position:absolute;top:0;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary)}.event-dot{position:absolute;top:var(--space-10);left:50%;transform:translate(-50%);width:50px;height:50px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;z-index:2;transition:all var(--transition-normal);box-shadow:var(--shadow-lg)}.event-icon{font-size:var(--text-xl)}.timeline-event:hover .event-dot{transform:translate(-50%) scale(1.15)}.event-card{margin-top:calc(var(--space-10) + 60px);background:var(--color-white);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border-top:4px solid var(--color-primary);transition:all var(--transition-normal);min-height:200px;display:flex;flex-direction:column}.timeline-event:hover .event-card{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.event-category{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-white);background:var(--color-primary);border-radius:var(--radius-full);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.event-card h4{font-size:var(--text-base);color:var(--color-primary);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.event-card p{font-size:var(--text-sm);color:var(--color-gray-600);margin-bottom:0;line-height:var(--leading-relaxed)}.read-more{display:block;margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-accent-dark);font-weight:var(--font-medium)}.timeline-range{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.timeline-range span{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.range-line{width:200px;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-secondary));border-radius:var(--radius-full)}.timeline-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--color-gray-300)}.legend-item{display:flex;align-items:center;gap:var(--space-2)}.legend-dot{width:12px;height:12px;border-radius:var(--radius-full)}.legend-label{font-size:var(--text-sm);color:var(--color-gray-600)}.event-modal-backdrop{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-6)}.event-modal{position:relative;background:var(--color-white);padding:var(--space-10);border-radius:var(--radius-xl);max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow-2xl)}.modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-full);color:var(--color-gray-600);font-size:var(--text-lg);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-200);color:var(--color-charcoal)}.modal-icon{width:80px;height:80px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-3xl)}.modal-category{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.event-modal h3{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--space-2)}.modal-date{font-size:var(--text-lg);color:var(--color-accent-dark);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.modal-description{font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:var(--space-4)}.modal-expanded{background:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--color-accent)}.modal-expanded p{font-size:var(--text-sm);color:var(--color-charcoal);font-style:italic;line-height:var(--leading-relaxed);margin:0}@media(max-width:768px){.timeline-nav{justify-content:center;margin-bottom:var(--space-4)}.timeline-nav-btn{width:38px;height:38px;font-size:var(--text-base)}.timeline-event{width:220px}.event-card{padding:var(--space-4)}.event-card h4{font-size:var(--text-sm)}.event-card p{font-size:var(--text-xs)}.timeline-track{gap:var(--space-5);padding:var(--space-12) var(--space-4) var(--space-6)}.event-dot{width:40px;height:40px}.event-icon{font-size:var(--text-lg)}.event-year{font-size:var(--text-base)}.timeline-range{flex-direction:column;gap:var(--space-2)}.timeline-range span{font-size:var(--text-xl)}.range-line{width:3px;height:40px}.timeline-legend{gap:var(--space-2)}.legend-label{font-size:var(--text-xs)}.event-modal{padding:var(--space-6);margin:var(--space-4);max-height:80vh;overflow-y:auto}.event-modal h3{font-size:var(--text-xl)}.modal-icon{width:60px;height:60px;font-size:var(--text-2xl)}}@media(max-width:480px){.timeline-event{width:180px}.event-card{padding:var(--space-3)}.timeline-track{gap:var(--space-4)}.event-dot{width:35px;height:35px}.timeline-legend{display:grid;grid-template-columns:repeat(2,1fr)}}.gallery-section{background:var(--color-off-white)}.gallery-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10)}.filter-btn{padding:var(--space-2) var(--space-5);background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-full);color:var(--color-gray-600);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.gallery-grid{column-count:4;column-gap:var(--space-4)}.gallery-item{position:relative;cursor:pointer;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-normal);break-inside:avoid;margin-bottom:var(--space-4)}.gallery-item:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.gallery-item.featured{break-inside:avoid}.gallery-image{position:relative;padding-bottom:100%}.gallery-item:nth-child(3n+1) .gallery-image{padding-bottom:120%}.gallery-item:nth-child(3n+2) .gallery-image{padding-bottom:85%}.gallery-item:nth-child(5n) .gallery-image{padding-bottom:140%}.gallery-item.featured .gallery-image{padding-bottom:100%}.gallery-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-image .image-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-gray-200),var(--color-gray-300));color:var(--color-gray-500);gap:var(--space-2)}.gallery-image .image-placeholder svg{font-size:var(--text-3xl)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 50%,transparent 80%,rgba(0,0,0,.3) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-4);opacity:0;transition:opacity var(--transition-normal)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--text-2xl);color:var(--color-white);background:#00000080;padding:var(--space-3);border-radius:var(--radius-full)}.image-caption{color:var(--color-white);font-size:var(--text-sm);line-height:var(--leading-snug)}.no-images{text-align:center;padding:var(--space-16);color:var(--color-gray-500)}.no-images svg{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.5}.lightbox{position:fixed;inset:0;background:#000000f2;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.lightbox-close{position:absolute;top:var(--space-6);right:var(--space-6);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);z-index:10}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast);z-index:10}.lightbox-nav:hover{background:#fff3}.lightbox-prev{left:var(--space-6)}.lightbox-next{right:var(--space-6)}.lightbox-content{max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:calc(90vh - 80px);object-fit:contain;border-radius:var(--radius-md)}.lightbox-caption{margin-top:var(--space-4);text-align:center;color:var(--color-white)}.lightbox-caption p{font-size:var(--text-base);margin-bottom:var(--space-2)}.lightbox-caption span{font-size:var(--text-sm);color:var(--color-gray-400)}@media(max-width:1024px){.gallery-grid{column-count:3}}@media(max-width:768px){.gallery-grid{column-count:2;column-gap:var(--space-3)}.gallery-item{margin-bottom:var(--space-3)}.lightbox-nav{width:40px;height:40px;font-size:var(--text-base)}.lightbox-prev{left:var(--space-2)}.lightbox-next{right:var(--space-2)}}@media(max-width:480px){.gallery-grid{column-count:1}.filter-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.videos-section{background:linear-gradient(180deg,var(--color-cream) 0%,var(--color-off-white) 100%)}.video-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-10)}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.video-card{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-normal)}.video-card:hover{transform:scale(1.015);box-shadow:var(--shadow-xl)}.video-thumbnail{position:relative;padding-bottom:56.25%;background:var(--color-gray-200)}.video-thumbnail img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.thumbnail-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:var(--color-accent);font-size:var(--text-5xl)}.video-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.video-card:hover .video-overlay{opacity:1}.play-button{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-full);color:var(--color-primary-dark);font-size:var(--text-2xl);transition:transform var(--transition-fast)}.video-card:hover .play-button{transform:scale(1.1)}.video-duration{position:absolute;bottom:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-2);background:#000c;color:var(--color-white);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm)}.video-info{padding:var(--space-5)}.video-info h4{font-size:var(--text-lg);color:var(--color-primary);margin-bottom:var(--space-2);line-height:var(--leading-snug)}.video-info p{font-size:var(--text-sm);color:var(--color-gray-600);line-height:var(--leading-relaxed);margin-bottom:var(--space-2)}.coming-soon{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-gray-100);color:var(--color-gray-500);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.no-videos{text-align:center;padding:var(--space-16);color:var(--color-gray-500)}.no-videos svg{font-size:var(--text-5xl);margin-bottom:var(--space-4);opacity:.5}.videos-note{margin-top:var(--space-10);padding:var(--space-4) var(--space-6);background:#d4a8441a;border-radius:var(--radius-md);border-left:4px solid var(--color-accent);display:flex;align-items:flex-start;gap:var(--space-4)}.videos-note svg{font-size:var(--text-2xl);color:var(--color-accent);flex-shrink:0}.videos-note p{font-size:var(--text-sm);color:var(--color-charcoal);margin:0}.videos-note code{background:var(--color-gray-200);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.video-modal{position:fixed;inset:0;background:#000000f2;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.video-modal .modal-close{position:absolute;top:var(--space-6);right:var(--space-6);width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast)}.video-modal .modal-close:hover{background:#fff3}.video-modal .modal-content{max-width:900px;width:100%;text-align:center}.video-wrapper{position:relative;padding-bottom:56.25%;background:var(--color-charcoal);border-radius:var(--radius-lg);overflow:hidden}.video-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.video-modal h3{color:var(--color-white);font-size:var(--text-xl);margin-top:var(--space-6);margin-bottom:var(--space-2)}.video-modal p{color:var(--color-gray-400);font-size:var(--text-base);margin:0}@media(max-width:1024px){.videos-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.videos-grid{grid-template-columns:1fr}.videos-note{flex-direction:column;text-align:center;align-items:center}}.achievements-section{position:relative;overflow:hidden;color:var(--color-white);padding:var(--space-24) 0}.achievements-bg{position:absolute;inset:0;z-index:0}.achievements-gradient{position:absolute;inset:0;background:linear-gradient(180deg,#05140ff2,#0a1e19d9,#05140ff2);z-index:1}.achievements-pattern{position:absolute;inset:0;background-image:url(/images/gallery/oriyomi_opening_remark_14AMCCO.jpg);background-size:cover;background-position:center;background-attachment:fixed;opacity:.4;mix-blend-mode:overlay;z-index:0}.achievements-section .container{position:relative;z-index:2}.section-title.light h2{color:var(--color-accent)}.section-title.light h2:after{background:linear-gradient(90deg,var(--color-accent),transparent)}.section-title.light p{color:var(--color-gray-300)}.stats-section{margin-bottom:var(--space-20);text-align:center}.stats-section h3{font-size:var(--text-2xl);color:var(--color-white);margin-bottom:var(--space-8);opacity:.9}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);max-width:1200px;margin:0 auto}.stat-card{background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-6);border-radius:var(--radius-lg);text-align:center;border:1px solid rgba(212,168,68,.1);border-bottom:3px solid var(--color-accent);transition:all .4s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card:hover{background:#14281e99;transform:translateY(-5px);box-shadow:0 15px 30px #0006;border-bottom-color:var(--color-accent-light)}.stat-icon{width:50px;height:50px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;background:transparent;font-size:var(--text-3xl);color:var(--color-accent)}.stat-number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-white);margin-bottom:var(--space-1);text-shadow:0 2px 10px rgba(0,0,0,.5)}.stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent-light);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:1px}.stat-description{display:none}.influence-section{margin-bottom:var(--space-24);text-align:center}.influence-section h3{font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-2)}.influence-subtitle{color:var(--color-gray-400);margin-bottom:var(--space-12)}.influence-map{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-6);max-width:1200px;margin:0 auto}.influence-level{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);background:#ffffff08;padding:var(--space-8) var(--space-6);border-radius:var(--radius-2xl);flex:1;min-width:200px;border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal)}.influence-level:hover{background:#ffffff14;transform:translateY(-5px);border-color:var(--color-accent);box-shadow:0 15px 40px #0000004d}.level-marker{position:relative;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#d4a8441a;border:1px solid var(--color-accent);border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--text-2xl);box-shadow:0 0 15px #d4a84433}.level-number{position:absolute;top:-8px;right:-8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-primary-dark)}.level-content{text-align:center}.level-content h4{color:var(--color-white);font-size:var(--text-lg);margin-bottom:var(--space-2);font-family:var(--font-heading)}.level-role{color:var(--color-gray-400);font-size:var(--text-sm);margin-bottom:var(--space-2)}.level-year{display:inline-block;padding:2px 10px;background:#ffffff0d;border-radius:12px;font-size:var(--text-xs);color:var(--color-accent)}.level-connector{display:none}.achievements-grid{text-align:center}.achievements-grid h3{font-size:var(--text-3xl);color:var(--color-white);margin-bottom:var(--space-2)}.achievements-subtitle{color:var(--color-gray-400);margin-bottom:var(--space-12)}.achievements-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.achievement-card{background:#ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-8);border-radius:var(--radius-lg);text-align:left;border:1px solid rgba(255,255,255,.05);border-bottom:2px solid transparent;transition:all var(--transition-normal);height:100%;display:flex;flex-direction:column}.achievement-card:hover{background:#ffffff12;transform:translateY(-5px);box-shadow:0 15px 35px #0000004d;border-bottom-color:var(--color-accent)}.achievement-icon{width:50px;height:50px;margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:var(--radius-md);color:var(--color-accent);font-size:var(--text-xl);border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.achievement-card:hover .achievement-icon{background:var(--color-accent);color:var(--color-primary-dark)}.achievement-card h4{color:var(--color-white);font-size:var(--text-xl);margin-bottom:var(--space-4);font-family:var(--font-heading);letter-spacing:.5px}.achievement-card p{color:var(--color-gray-400);font-size:var(--text-base);line-height:1.7;margin:0;flex-grow:1}@media(max-width:1024px){.stats-grid,.achievements-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto var(--space-12)}.stat-number{font-size:var(--text-3xl)}.influence-map{flex-direction:column;align-items:center}.influence-level{width:100%;max-width:320px}.achievements-cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}}.achievements-section:before{content:"";position:absolute;top:-1px;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80'%3E%3Cpath fill='%23faf9f6' d='M0,80 L0,40 C360,-20 720,80 1440,20 L1440,0 L0,0 Z'/%3E%3C/svg%3E") no-repeat top center;background-size:100% 100%;z-index:2}.achievements-section:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:80px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 80'%3E%3Cpath fill='%23faf9f6' d='M0,40 C360,100 720,-20 1440,40 L1440,80 L0,80 Z'/%3E%3C/svg%3E") no-repeat bottom center;background-size:100% 100%;z-index:2}.awards-section{margin-top:var(--space-24);text-align:center;position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.awards-section h3{font-size:var(--text-3xl);color:var(--color-accent);margin-bottom:var(--space-8);font-family:var(--font-heading)}.awards-track-container{width:100%;overflow:hidden;padding:var(--space-4) 0}.awards-track{display:inline-flex;gap:var(--space-6);animation:marquee 60s linear infinite;padding-left:var(--space-6)}.awards-track:hover{animation-play-state:paused}.award-card{position:relative;width:320px;height:220px;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(212,168,68,.2);background:#0003;transition:all .3s ease}.award-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.award-card:hover{border-color:var(--color-accent);transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.award-card:hover img{transform:scale(1.05)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.award-card{width:260px;height:180px}}.tributes-section{background:linear-gradient(180deg,var(--color-off-white) 0%,var(--color-cream) 100%);padding:var(--space-16) 0}.tributes-header{text-align:center;margin-bottom:var(--space-8)}.tributes-header h2{font-size:var(--text-4xl);color:var(--color-primary);margin-bottom:var(--space-3);font-family:var(--font-serif)}.tributes-header p{font-size:var(--text-lg);color:var(--color-gray-600);max-width:600px;margin:0 auto var(--space-6)}.btn-leave-tribute{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));color:var(--color-primary-dark);border:none;border-radius:var(--radius-full);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.btn-leave-tribute:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.tribute-form-container{max-width:600px;margin:0 auto var(--space-8);background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.tribute-form{padding:var(--space-6)}.tribute-form h3{font-size:var(--text-xl);color:var(--color-primary);margin-bottom:var(--space-4);text-align:center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-charcoal)}.form-group label svg{color:var(--color-accent);font-size:var(--text-sm)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);font-size:var(--text-base);transition:border-color var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-4)}.btn-cancel{padding:var(--space-2) var(--space-5);background:transparent;border:2px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-cancel:hover{border-color:var(--color-gray-400);color:var(--color-gray-700)}.btn-submit{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-white);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-submit:hover{background:var(--color-primary-dark)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.submit-success{padding:var(--space-8);text-align:center}.success-icon{width:60px;height:60px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-secondary);border-radius:var(--radius-full);color:var(--color-white);font-size:var(--text-2xl)}.submit-success h3{color:var(--color-secondary);margin-bottom:var(--space-2)}.submit-success p{color:var(--color-gray-600)}.filter-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.filter-pill{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-gray-600);cursor:pointer;transition:all var(--transition-fast)}.filter-pill:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-pill.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.filter-pill svg{font-size:var(--text-sm)}.pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#0000001a;border-radius:var(--radius-full);font-size:11px}.filter-pill.active .pill-count{background:#fff3}.tributes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.tribute-card{position:relative;background:var(--color-white);padding:var(--space-6);padding-top:var(--space-8);border-radius:var(--radius-lg);box-shadow:0 4px 20px #0000000d;transition:all var(--transition-normal);display:flex;flex-direction:column;border-top:3px solid var(--color-gray-200)}.tribute-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-top-color:var(--color-accent)}.tribute-card.verified{border-top-color:var(--color-secondary);background:linear-gradient(180deg,rgba(45,106,79,.02) 0%,var(--color-white) 100%)}.tribute-card.verified:hover{border-top-color:var(--color-secondary)}.gallery-item.featured,.tribute-card:has(.featured-badge){border-top-color:var(--color-accent)}.tribute-card.featured:not(.verified){border-left:4px solid var(--color-accent)}.card-badge{position:absolute;top:var(--space-3);right:var(--space-3);display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full)}.verified-badge{background:var(--color-secondary);color:var(--color-white)}.featured-badge{background:var(--color-accent);color:var(--color-primary-dark)}.quote-icon{font-size:var(--text-lg);color:var(--color-accent);opacity:.4;margin-bottom:var(--space-2)}.tribute-card.verified .quote-icon{color:var(--color-secondary)}.tribute-message{flex:1;font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--color-gray-700);margin-bottom:var(--space-4)}.read-more-btn{display:inline-block;padding:var(--space-1) 0;margin-bottom:var(--space-4);background:none;border:none;color:var(--color-accent-dark);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;position:relative;transition:all var(--transition-fast)}.read-more-btn:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-normal)}.read-more-btn:hover{color:var(--color-primary)}.read-more-btn:hover:after{width:100%}.tribute-author{padding-top:var(--space-3);border-top:1px solid var(--color-gray-100)}.tribute-author strong{display:block;font-size:var(--text-sm);color:var(--color-primary);margin-bottom:2px}.author-title{display:block;font-size:11px;color:var(--color-secondary);font-weight:var(--font-medium)}.author-relation{font-size:11px;color:var(--color-gray-500)}.tributes-footer{text-align:center}.btn-load-more{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--radius-full);color:var(--color-primary);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-load-more:hover{background:var(--color-primary);color:var(--color-white)}.remaining-count{font-weight:var(--font-normal);opacity:.7}.tributes-count{color:var(--color-gray-500);font-size:var(--text-sm)}.no-tributes{text-align:center;padding:var(--space-10);color:var(--color-gray-400)}.no-tributes svg{font-size:var(--text-3xl);margin-bottom:var(--space-3)}@media(max-width:1024px){.tributes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tributes-header h2{font-size:var(--text-3xl)}.form-row{grid-template-columns:1fr}.filter-pills{gap:var(--space-2)}.filter-pill{padding:var(--space-2) var(--space-3);font-size:12px}.filter-pill span:not(.pill-count){display:none}.tributes-grid{grid-template-columns:1fr;gap:var(--space-4)}.form-actions{flex-direction:column}.form-actions button{width:100%;justify-content:center}}@media(max-width:480px){.tributes-header h2{font-size:var(--text-2xl)}.tributes-header p{font-size:var(--text-sm)}.btn-leave-tribute{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.filter-pill{padding:6px 10px;font-size:11px}.filter-pill .pill-count{display:none}.tribute-card{padding:var(--space-4)}.tribute-message{font-size:var(--text-xs)}.tribute-author strong{font-size:var(--text-sm)}.btn-load-more{font-size:var(--text-sm);padding:var(--space-2) var(--space-5)}}.admin-page{min-height:100vh;background:var(--color-gray-100)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary))}.login-box{background:var(--color-white);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:400px;width:100%;text-align:center}.login-icon{width:80px;height:80px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);color:var(--color-accent);font-size:var(--text-3xl)}.login-box h1{font-size:var(--text-2xl);color:var(--color-primary);margin-bottom:var(--space-2)}.login-box>p{color:var(--color-gray-600);margin-bottom:var(--space-6)}.login-box .form-group{margin-bottom:var(--space-4)}.login-box input{width:100%;padding:var(--space-4);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--text-base);text-align:center}.login-box input:focus{outline:none;border-color:var(--color-primary)}.error-message{color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--space-4)}.login-box .btn{width:100%}.login-hint{margin-top:var(--space-6);padding:var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-gray-600)}.login-hint code{background:var(--color-gray-200);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--text-xs)}.back-link{display:inline-block;margin-top:var(--space-6);color:var(--color-primary);font-size:var(--text-sm);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent)}.admin-page.authenticated{background:var(--color-gray-100)}.admin-header{background:var(--color-primary);color:var(--color-white);padding:var(--space-4) 0;box-shadow:var(--shadow-md)}.admin-header .container{display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:var(--text-xl);color:var(--color-white)}.admin-main{padding:var(--space-8) 0}.admin-main .container{max-width:1000px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.stat-box{background:var(--color-white);padding:var(--space-5);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm)}.stat-number{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.stat-label{font-size:var(--text-sm);color:var(--color-gray-600)}.stat-box.pending .stat-number{color:var(--color-warning)}.stat-box.approved .stat-number{color:var(--color-success)}.stat-box.featured .stat-number{color:var(--color-accent)}.admin-filter{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap}.admin-filter svg{color:var(--color-gray-500)}.admin-filter .filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--radius-md);color:var(--color-gray-600);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.admin-filter .filter-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.admin-filter .filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.messages-list{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-8)}.message-card{background:var(--color-white);padding:var(--space-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--color-gray-400)}.message-card.approved{border-left-color:var(--color-success)}.message-card.pending{border-left-color:var(--color-warning)}.message-card.is-featured{background:linear-gradient(135deg,rgba(212,168,68,.05),var(--color-white))}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.message-author strong{display:block;font-size:var(--text-base);color:var(--color-primary)}.message-author .relationship{font-size:var(--text-sm);color:var(--color-gray-500)}.message-meta{display:flex;align-items:center;gap:var(--space-2)}.status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:capitalize}.status-badge.approved{background:#38a1691a;color:var(--color-success)}.status-badge.pending{background:#d69e2e1a;color:var(--color-warning)}.featured-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-accent);color:var(--color-primary-dark);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.message-content{font-size:var(--text-base);color:var(--color-charcoal);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.message-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-gray-200)}.message-date{font-size:var(--text-sm);color:var(--color-gray-500)}.message-actions{display:flex;gap:var(--space-2)}.action-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.action-btn.approve{background:#38a1691a;border:1px solid var(--color-success);color:var(--color-success)}.action-btn.approve:hover{background:var(--color-success);color:var(--color-white)}.action-btn.feature{background:#d4a8441a;border:1px solid var(--color-accent);color:var(--color-accent-dark)}.action-btn.feature:hover,.action-btn.feature.is-featured{background:var(--color-accent);color:var(--color-primary-dark)}.action-btn.delete{background:#e53e3e1a;border:1px solid var(--color-error);color:var(--color-error)}.action-btn.delete:hover{background:var(--color-error);color:var(--color-white)}.no-messages{text-align:center;padding:var(--space-10);background:var(--color-white);border-radius:var(--radius-lg);color:var(--color-gray-500)}@media(max-width:768px){.admin-stats{grid-template-columns:repeat(2,1fr)}.message-header{flex-direction:column;gap:var(--space-2)}.message-footer{flex-direction:column;gap:var(--space-3);align-items:flex-start}.message-actions{flex-wrap:wrap}}html{scroll-padding-top:var(--header-height)}main{min-height:100vh}.loading-screen{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:var(--color-white);z-index:var(--z-max)}.loading-screen .spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--color-accent);border-radius:50%;animation:rotate 1s linear infinite;margin-bottom:var(--space-4)}.loading-screen p{font-family:var(--font-heading);font-size:var(--text-lg)}#home,#biography,#gallery,#videos,#timeline,#achievements,#tributes,#contact{scroll-margin-top:var(--header-height)}.section-divider{height:80px;margin-top:-1px;position:relative;overflow:hidden}.section-divider:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100%;background:inherit;border-radius:50% 50% 0 0/100% 100% 0 0}.wave-divider{position:absolute;bottom:0;left:0;width:100%;line-height:0}.wave-divider svg{display:block;width:100%;height:60px}@media(max-width:768px){.section-divider{height:50px}}