/*
===================================================================
LISHPOA - Ministério Transbordar em Cristo
Estilo Principal — Neomorphism Design System
Cores suaves, sombras macias, fundo branco
===================================================================
*/

:root {
    /* Neomorphism Base */
    --bg: #e8edf2;
    --bg-light: #f0f4f8;
    --bg-dark: #d1d9e6;
    --surface: #e8edf2;
    --surface-light: #f5f8fc;
    /* Accent (soft blue) */
    --accent: #6b8db5;
    --accent-light: #8fb0d4;
    --accent-dark: #4a6d8f;
    --accent-rgb: 107,141,181;
    /* Warm accent (muted gold) */
    --warm: #b8976a;
    --warm-light: #d4b88e;
    --warm-dark: #8f7450;
    --warm-rgb: 184,151,106;
    /* Neutrals */
    --white: #ffffff;
    --off-white: #f5f8fc;
    --gray-100: #edf1f7;
    --gray-200: #dde3ed;
    --gray-300: #c4cdd9;
    --gray-400: #9aa8ba;
    --gray-500: #7a8a9e;
    --gray-600: #5a6a7e;
    --gray-700: #3d4d60;
    --gray-800: #2a3646;
    --black: #1a2332;
    /* Semantic */
    --success: #7ab88a;
    --warning: #d4a853;
    --error: #c97a7a;
    --info: var(--accent);
    /* Typography */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Poppins', 'Inter', sans-serif;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-hebrew: 'Frank Ruhl Libre', 'David Libre', serif;
    /* Sizes */
    --fs-xs: 0.75rem;
    --fs-sm: 0.875rem;
    --fs-base: 1rem;
    --fs-md: 1.125rem;
    --fs-lg: 1.25rem;
    --fs-xl: 1.5rem;
    --fs-2xl: 2rem;
    --fs-3xl: 2.5rem;
    --fs-4xl: 3rem;
    --fs-5xl: 3.5rem;
    /* Spacing */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;
    --space-4xl: 6rem;
    /* Radius */
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;
    --radius-2xl: 28px;
    --radius-full: 50%;
    /* Neomorphism Shadows */
    --neo-shadow: 6px 6px 12px rgba(163,177,198,0.6), -6px -6px 12px rgba(255,255,255,0.8);
    --neo-shadow-sm: 3px 3px 6px rgba(163,177,198,0.5), -3px -3px 6px rgba(255,255,255,0.7);
    --neo-shadow-lg: 10px 10px 20px rgba(163,177,198,0.6), -10px -10px 20px rgba(255,255,255,0.9);
    --neo-inset: inset 3px 3px 6px rgba(163,177,198,0.5), inset -3px -3px 6px rgba(255,255,255,0.7);
    --neo-inset-sm: inset 2px 2px 4px rgba(163,177,198,0.4), inset -2px -2px 4px rgba(255,255,255,0.6);
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    /* Layout */
    --navbar-height: 64px;
    --container-max: 1140px;
    /* Theme colors (light neomorphism) */
    --bg-primary: #e8edf2;
    --bg-secondary: #dde3ed;
    --bg-tertiary: #d1d9e6;
    --text-primary: #2a3646;
    --text-secondary: #5a6a7e;
    --text-muted: #9aa8ba;
    --border-color: transparent;
    --card-bg: #e8edf2;
    --card-border: transparent;
}

[data-theme="dark"] {
    --bg: #2a3040;
    --bg-light: #323848;
    --bg-dark: #222838;
    --surface: #2a3040;
    --surface-light: #323848;
    --accent: #8fb0d4;
    --accent-light: #a8c4e2;
    --accent-dark: #6b8db5;
    --warm: #d4b88e;
    --text-primary: #e4e8f0;
    --text-secondary: #9aa8ba;
    --text-muted: #6a7a8e;
    --bg-primary: #2a3040;
    --bg-secondary: #222838;
    --bg-tertiary: #1e2430;
    --card-bg: #2e3444;
    --neo-shadow: 6px 6px 12px rgba(0,0,0,0.4), -6px -6px 12px rgba(60,68,80,0.4);
    --neo-shadow-sm: 3px 3px 6px rgba(0,0,0,0.35), -3px -3px 6px rgba(60,68,80,0.35);
    --neo-shadow-lg: 10px 10px 20px rgba(0,0,0,0.45), -10px -10px 20px rgba(60,68,80,0.45);
    --neo-inset: inset 3px 3px 6px rgba(0,0,0,0.35), inset -3px -3px 6px rgba(60,68,80,0.35);
    --neo-inset-sm: inset 2px 2px 4px rgba(0,0,0,0.3), inset -2px -2px 4px rgba(60,68,80,0.3);
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{font-family:var(--font-primary);font-size:var(--fs-base);line-height:1.7;color:var(--text-primary);background:var(--bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background var(--transition-base),color var(--transition-base);}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.25;color:var(--text-primary);}
h1{font-size:clamp(2rem,5vw,var(--fs-5xl));}h2{font-size:clamp(1.5rem,4vw,var(--fs-4xl));}h3{font-size:clamp(1.25rem,3vw,var(--fs-2xl));}h4{font-size:var(--fs-xl);}h5{font-size:var(--fs-lg);}
p{margin-bottom:var(--space-md);color:var(--text-secondary);line-height:1.7;}
a{text-decoration:none;color:var(--accent);transition:color var(--transition-fast);}
a:hover{color:var(--accent-dark);}
img{max-width:100%;height:auto;display:block;}
ul,ol{list-style:none;}
button{border:none;background:none;cursor:pointer;font-family:inherit;}
.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-xl);}
@media(max-width:768px){.container{padding:0 var(--space-md);}}

/* ===== PRELOADER ===== */
#preloader{position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity 0.6s ease,visibility 0.6s ease;}
#preloader.loaded{opacity:0;visibility:hidden;}
.preloader-inner{text-align:center;}
.preloader-cross{font-size:56px;color:var(--accent);animation:preloaderPulse 2s ease-in-out infinite;}
.preloader-text{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:600;color:var(--text-primary);letter-spacing:6px;margin-top:var(--space-md);}
@keyframes preloaderPulse{0%,100%{transform:scale(1);opacity:0.7;}50%{transform:scale(1.08);opacity:1;}}

/* ===== NAVBAR — Modern Clean ===== */
.navbar{position:fixed;top:0;left:0;width:100%;height:var(--navbar-height);padding:0 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:rgba(255,255,255,0.82);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(0,0,0,0.06);transition:all var(--transition-base);}
[data-theme="dark"] .navbar{background:rgba(42,48,64,0.85);border-bottom-color:rgba(255,255,255,0.06);}
.navbar.scrolled{background:rgba(255,255,255,0.95);box-shadow:0 1px 12px rgba(0,0,0,0.06);}
[data-theme="dark"] .navbar.scrolled{background:rgba(42,48,64,0.95);box-shadow:0 1px 12px rgba(0,0,0,0.2);}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;z-index:102;}
.logo-icon{font-size:24px;color:var(--accent);transition:transform var(--transition-base);}
.logo:hover .logo-icon{transform:rotate(-10deg) scale(1.1);}
.brand-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;letter-spacing:3px;color:var(--text-primary);}
.main-nav{flex:1;display:flex;justify-content:center;}
.nav-list{display:flex;gap:2px;align-items:center;}
.nav-item{position:relative;}
/* Links simples */
.nav-link{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);border-radius:8px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;position:relative;}
.nav-link::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent);border-radius:2px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateX(-50%);}
.nav-link:hover{color:var(--accent);}
.nav-link:hover::after{width:60%;}
.nav-link.active{color:var(--accent);font-weight:600;}
.nav-link.active::after{width:60%;}
.nav-item.restricted .nav-link{color:var(--warm);}
/* Botões da navbar */
.nav-buttons{display:flex;gap:10px;align-items:center;z-index:2;}
.theme-toggle{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all 0.25s ease;background:transparent;border:1px solid rgba(0,0,0,0.06);font-size:var(--fs-sm);}
[data-theme="dark"] .theme-toggle{border-color:rgba(255,255,255,0.08);}
.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),0.05);}
.theme-toggle .icon-moon{display:none;}
[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
[data-theme="dark"] .theme-toggle .icon-moon{display:inline;}
.btn-donate{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;background:linear-gradient(135deg,#c0c0c0 0%,#d8d8d8 20%,#f0f0f0 40%,#ffffff 50%,#f0f0f0 60%,#d8d8d8 80%,#c0c0c0 100%);color:var(--gray-700);font-family:var(--font-heading);font-size:var(--fs-sm);font-weight:600;border-radius:10px;transition:all 0.25s ease;letter-spacing:0.3px;border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.9);position:relative;overflow:hidden;}
.btn-donate::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);transition:left 0.6s ease;}
.btn-donate:hover::before{left:100%;}
.btn-donate:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,0.15);}
/* Hamburger moderno */
.hamburger{display:none;cursor:pointer;flex-direction:column;gap:6px;z-index:102;padding:8px;}
.hamburger span{width:22px;height:2px;background:var(--text-primary);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:2px;transform-origin:center;}
.hamburger.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
@media(max-width:992px){.main-nav{display:none;}.hamburger{display:flex;}}
@media(max-width:768px){
  .btn-donate span{display:none;}
  .btn-donate{padding:8px 12px;}
  .navbar{padding:0 var(--space-md);height:56px;}
  .logo-icon{font-size:22px;}
  .brand-name{font-size:1rem;letter-spacing:2px;}
  .theme-toggle{width:34px;height:34px;}
  .hamburger span{width:20px;height:2px;}
}

/* ===== MOBILE SIDEBAR — Modern ===== */
.mobile-sidebar{position:fixed;inset:0;z-index:2000;pointer-events:none;visibility:hidden;}
.mobile-sidebar.open{pointer-events:auto;visibility:visible;}
.mobile-sidebar-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity 0.35s ease;}
.mobile-sidebar.open .mobile-sidebar-overlay{opacity:1;}
.mobile-sidebar-content{position:absolute;top:0;right:0;width:300px;max-width:85vw;height:100%;background:rgba(255,255,255,0.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translateX(100%);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow-y:auto;border-left:1px solid rgba(0,0,0,0.06);-webkit-overflow-scrolling:touch;}
[data-theme="dark"] .mobile-sidebar-content{background:rgba(30,36,48,0.98);border-left-color:rgba(255,255,255,0.06);}
.mobile-sidebar.open .mobile-sidebar-content{transform:translateX(0);}
.mobile-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(0,0,0,0.06);position:sticky;top:0;background:inherit;z-index:1;}
[data-theme="dark"] .mobile-sidebar-header{border-bottom-color:rgba(255,255,255,0.06);}
.mobile-sidebar-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--text-muted);transition:all 0.2s ease;background:transparent;border:1px solid transparent;}
.mobile-sidebar-close:hover{color:var(--error);border-color:rgba(201,122,122,0.2);background:rgba(201,122,122,0.08);}
.mobile-nav{flex:1;padding:12px 8px;}
.mobile-nav-list{display:flex;flex-direction:column;gap:2px;}
.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:14px 16px;font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);border-radius:10px;transition:all 0.2s ease;position:relative;min-height:48px;}
.mobile-nav-link:hover{color:var(--accent);background:rgba(var(--accent-rgb),0.06);}
.mobile-nav-link.active{color:var(--accent);font-weight:600;background:rgba(var(--accent-rgb),0.08);}
.mobile-nav-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0;}
.lock-icon{margin-left:auto;color:var(--warm);font-size:var(--fs-xs);}
.mobile-sidebar-footer{padding:16px 20px;border-top:1px solid rgba(0,0,0,0.06);position:sticky;bottom:0;background:inherit;}
[data-theme="dark"] .mobile-sidebar-footer{border-top-color:rgba(255,255,255,0.06);}
.btn-donate-full{width:100%;justify-content:center;padding:14px 20px;border-radius:10px;min-height:48px;}
.mobile-social{display:flex;justify-content:center;gap:16px;margin-top:16px;}
.mobile-social a{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all 0.2s ease;border:1px solid rgba(0,0,0,0.06);min-height:44px;}
[data-theme="dark"] .mobile-social a{border-color:rgba(255,255,255,0.08);}
.mobile-social a:hover{color:var(--accent);border-color:var(--accent);background:rgba(var(--accent-rgb),0.06);}

/* ===== CONTAINER ===== */
#container{min-height:60vh;padding-top:var(--navbar-height);transition:opacity 0.3s ease,transform 0.3s ease;}
body.page-loading #container{opacity:0.5;}

/* ===== BUTTONS — Platinum Style ===== */
/* ===== BUTTONS — Platinum / Platinado ===== */
.btn-primary,.btn-outline,.btn-outline-sm,.btn-donate,.btn-donate-full{font-family:var(--font-heading);font-weight:600;border-radius:var(--radius-xl);transition:all 0.3s ease;cursor:pointer;text-transform:uppercase;letter-spacing:0.8px;position:relative;overflow:hidden;}
.btn-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 30px;background:linear-gradient(135deg,#c0c0c0 0%,#d8d8d8 20%,#f0f0f0 40%,#ffffff 50%,#f0f0f0 60%,#d8d8d8 80%,#c0c0c0 100%);color:var(--gray-700);font-size:var(--fs-sm);border:1px solid rgba(0,0,0,0.1);box-shadow:0 2px 8px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.9),inset 0 -1px 0 rgba(0,0,0,0.05);}
.btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.5),transparent);transition:left 0.6s ease;}
.btn-primary:hover::before{left:100%;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,1);}
.btn-outline{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 30px;background:linear-gradient(135deg,rgba(192,192,192,0.1),rgba(216,216,216,0.15) 50%,rgba(192,192,192,0.1));color:var(--gray-700);font-size:var(--fs-sm);border:1.5px solid var(--gray-300);box-shadow:0 1px 4px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.5);}
.btn-outline::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease;}
.btn-outline:hover::before{left:100%;}
.btn-outline:hover{border-color:var(--gray-400);box-shadow:0 4px 12px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.8);transform:translateY(-1px);}
.btn-outline-sm{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:linear-gradient(135deg,rgba(192,192,192,0.08),rgba(216,216,216,0.12) 50%,rgba(192,192,192,0.08));color:var(--gray-600);font-size:var(--fs-sm);border:1px solid var(--gray-300);border-radius:var(--radius-md);}
.btn-outline-sm:hover{border-color:var(--gray-400);box-shadow:0 2px 8px rgba(0,0,0,0.08);transform:translateY(-1px);}
.btn-footer{margin-top:var(--space-lg);}

/* ===== SECTIONS ===== */
.section{padding:var(--space-4xl) 0;}
.section-sm{padding:var(--space-3xl) 0;}
.section-header{text-align:center;max-width:650px;margin:0 auto var(--space-3xl);}
.section-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background:var(--surface);color:var(--accent);font-size:var(--fs-sm);font-weight:600;border-radius:var(--radius-xl);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:1px;box-shadow:var(--neo-shadow-sm);}
.section-title{margin-bottom:var(--space-md);color:var(--text-primary);}
.section-desc{color:var(--text-secondary);font-size:var(--fs-md);line-height:1.7;}

/* ===== HERO SLIDER ===== */
.hero-slider{position:relative;width:100%;height:85vh;min-height:500px;overflow:hidden;}
.hero-slides{position:absolute;inset:0;}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.2s ease-in-out;transform:scale(1.05);}
.hero-slide.active{opacity:1;transform:scale(1);}
.hero-slide-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(10,22,40,0.8) 0%,rgba(10,22,40,0.5) 50%,rgba(10,22,40,0.7) 100%);}
.hero-slider-content{position:relative;z-index:2;height:100%;display:flex;align-items:center;}
.hero-slider-content .hero-badge{animation:fadeSlideUp 0.8s ease 0.2s both;}
.hero-slider-content h1{animation:fadeSlideUp 0.8s ease 0.4s both;color:var(--white)!important;text-shadow:0 2px 8px rgba(0,0,0,0.3);}
.hero-slider-content p{animation:fadeSlideUp 0.8s ease 0.6s both;color:rgba(255,255,255,0.85)!important;text-shadow:0 1px 4px rgba(0,0,0,0.2);}
.hero-slider-content .hero-buttons{animation:fadeSlideUp 0.8s ease 0.8s both;}
.hero-slider-content .hero-badge{color:var(--white)!important;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.15);}
.hero-slider-content .text-gold{color:var(--warm)!important;}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
.hero-slider-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:50px;height:50px;border-radius:var(--radius-full);background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);color:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(0,0,0,0.2);}
.hero-slider-btn:hover{background:rgba(255,255,255,0.35);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 25px rgba(0,0,0,0.3);}
.hero-slider-prev{left:24px;}
.hero-slider-next{right:24px;}
.hero-slider-dots{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:12px;}
.hero-slider-dot{width:12px;height:12px;border-radius:var(--radius-full);background:rgba(255,255,255,0.4);border:2px solid rgba(255,255,255,0.3);cursor:pointer;transition:all 0.4s ease;padding:0;}
.hero-slider-dot.active{background:var(--white);width:32px;border-color:var(--white);box-shadow:0 0 10px rgba(255,255,255,0.5);}
.hero-slider-dot:hover{background:rgba(255,255,255,0.7);border-color:rgba(255,255,255,0.7);}
@media(max-width:768px){.hero-slider{height:70vh;min-height:400px;}.hero-slider-btn{width:42px;height:42px;}.hero-slider-prev{left:12px;}.hero-slider-next{right:12px;}}

/* ===== HERO (fallback) ===== */
.hero{position:relative;min-height:82vh;display:flex;align-items:center;background:var(--bg);overflow:hidden;}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(var(--accent-rgb),0.06),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(var(--warm-rgb),0.04),transparent 50%);}
.hero-content{position:relative;z-index:2;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:rgba(255,255,255,0.12);backdrop-filter:blur(8px);color:var(--white);font-size:var(--fs-sm);font-weight:500;border-radius:var(--radius-xl);margin-bottom:var(--space-xl);border:1px solid rgba(255,255,255,0.15);}
.hero h1{color:var(--white);font-size:clamp(2.5rem,6vw,4.2rem);font-weight:700;line-height:1.15;margin-bottom:var(--space-lg);text-shadow:0 2px 8px rgba(0,0,0,0.3);}
.hero h1 .text-gold{color:var(--warm);}
.hero h1 .text-neon{color:var(--accent);}
.hero p{color:rgba(255,255,255,0.85);font-size:var(--fs-lg);max-width:560px;margin-bottom:var(--space-2xl);text-shadow:0 1px 4px rgba(0,0,0,0.2);}
.hero-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;}
.hero-shape-1{position:absolute;top:-15%;right:-8%;width:500px;height:500px;background:radial-gradient(circle,rgba(var(--accent-rgb),0.05),transparent 70%);border-radius:50%;}
.hero-shape-2{position:absolute;bottom:-25%;left:-12%;width:400px;height:400px;background:radial-gradient(circle,rgba(var(--warm-rgb),0.03),transparent 70%);border-radius:50%;}

/* ===== SERVICES ===== */
.services-section{background:var(--bg-secondary);}
.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl);}
.service-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-2xl);text-align:center;transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.service-card:hover{box-shadow:var(--neo-inset);}
.service-card-icon{width:60px;height:60px;margin:0 auto var(--space-lg);display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-lg);color:var(--accent);font-size:26px;box-shadow:var(--neo-shadow-sm);transition:all var(--transition-base);}
.service-card:hover .service-card-icon{box-shadow:var(--neo-inset-sm);}
.service-card h3{font-size:var(--fs-lg);margin-bottom:var(--space-sm);color:var(--text-primary);}
.service-card p{font-size:var(--fs-sm);color:var(--text-secondary);}

/* ===== ABOUT ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;}
@media(max-width:768px){.about-grid{grid-template-columns:1fr;}}
.about-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--neo-shadow-lg);}
.about-image-placeholder{width:100%;aspect-ratio:4/3;background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:90px;overflow:hidden;position:relative;}
.about-image-placeholder img{width:100%;height:100%;object-fit:cover;}
.about-content .section-badge{margin-bottom:var(--space-md);}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--bg-dark);}
.about-stat{text-align:center;}
.about-stat-number{font-family:var(--font-heading);font-size:var(--fs-3xl);font-weight:700;color:var(--accent);line-height:1;}
.about-stat-label{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-xs);}

/* ===== EVENTS ===== */
.events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-xl);}
.event-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.event-card:hover{box-shadow:var(--neo-inset);}
.event-card-image{position:relative;height:200px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:rgba(var(--accent-rgb),0.25);font-size:50px;overflow:hidden;}
.event-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.event-card:hover .event-card-image img{transform:scale(1.05);}
.event-card-date{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--accent);color:var(--white);padding:8px 14px;border-radius:var(--radius-md);text-align:center;line-height:1.2;box-shadow:var(--neo-shadow-sm);}
.event-card-date .day{display:block;font-size:var(--fs-xl);font-weight:700;}
.event-card-date .month{display:block;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:1px;}
.event-card-body{padding:var(--space-xl);}
.event-card-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--fs-sm);color:var(--text-muted);}
.event-card-meta span{display:flex;align-items:center;gap:4px;}
.event-card-body h3{font-size:var(--fs-lg);margin-bottom:var(--space-sm);color:var(--text-primary);}
.event-card-body h3 a:hover{color:var(--accent);}
.event-card-body p{font-size:var(--fs-sm);color:var(--text-secondary);}

/* ===== CAUSES / PROJETOS ===== */
.causes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);}
.cause-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.cause-card:hover{box-shadow:var(--neo-inset);}
.cause-card-image{height:180px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:rgba(var(--accent-rgb),0.2);font-size:50px;position:relative;box-shadow:var(--neo-inset);}
.cause-card-tag{position:absolute;top:var(--space-md);left:var(--space-md);background:var(--accent);color:var(--white);padding:4px 12px;border-radius:var(--radius-md);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;}
.cause-card-body{padding:var(--space-xl);}
.cause-card-body h3{font-size:var(--fs-lg);margin-bottom:var(--space-md);color:var(--text-primary);}
.progress-bar{width:100%;height:8px;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--space-md);box-shadow:var(--neo-inset-sm);}
.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-dark),var(--accent));border-radius:var(--radius-xl);transition:width 1s ease;}
.progress-info{display:flex;justify-content:space-between;font-size:var(--fs-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);}

/* ===== TEAM ===== */
.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-xl);}
.team-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;text-align:center;transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.team-card:hover{box-shadow:var(--neo-inset);}
.team-card-image{height:280px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:rgba(var(--accent-rgb),0.15);font-size:70px;overflow:hidden;position:relative;}
.team-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.team-card:hover .team-card-image img{transform:scale(1.05);}
.team-card-info{padding:var(--space-xl);}
.team-card-info h3{font-size:var(--fs-lg);margin-bottom:var(--space-xs);color:var(--text-primary);}
.team-card-info span{font-size:var(--fs-sm);color:var(--accent);font-weight:500;}
.team-card-social{display:flex;justify-content:center;gap:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--bg-dark);margin-top:var(--space-md);}
.team-card-social a{color:var(--text-muted);transition:color var(--transition-fast);}
.team-card-social a:hover{color:var(--accent);}

/* ===== BLOG ===== */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-xl);}
.blog-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--neo-shadow);position:relative;cursor:pointer;}
.blog-card:hover{box-shadow:var(--neo-inset);transform:translateY(-2px);}
.blog-card>a.card-link{position:absolute;inset:0;z-index:1;}
.blog-card-image{height:200px;background:var(--surface);display:flex;align-items:center;justify-content:center;color:rgba(var(--accent-rgb),0.2);font-size:45px;overflow:hidden;position:relative;}
.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.blog-card:hover .blog-card-image img{transform:scale(1.05);}
.blog-card-body{padding:var(--space-xl);}
.blog-card-meta{display:flex;gap:var(--space-md);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-sm);flex-wrap:wrap;}
.blog-card-meta span{display:flex;align-items:center;gap:4px;}
.blog-card-body h3{font-size:var(--fs-lg);margin-bottom:var(--space-sm);color:var(--text-primary);}
.blog-card-body h3 a:hover{color:var(--accent);}
.blog-card-body p{font-size:var(--fs-sm);}
/* Blog Search & Filters */
.blog-search{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);flex-wrap:wrap;align-items:center;}
.blog-search-input{flex:1;min-width:250px;padding:12px 18px 12px 44px;border:1.5px solid var(--gray-300);border-radius:var(--radius-lg);font-family:var(--font-primary);font-size:var(--fs-base);color:var(--text-primary);background:var(--white);transition:all var(--transition-fast);}
.blog-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),0.1);}
.blog-search-wrapper{position:relative;flex:1;min-width:250px;}
.blog-search-wrapper iconify-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;}
.blog-filters{display:flex;gap:var(--space-sm);flex-wrap:wrap;}
.blog-filter-btn{padding:8px 18px;border:1.5px solid var(--gray-300);border-radius:var(--radius-xl);background:transparent;color:var(--text-secondary);font-family:var(--font-primary);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);}
.blog-filter-btn:hover,.blog-filter-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),0.05);}
/* Related Posts */
.related-section{margin-top:var(--space-4xl);padding-top:var(--space-3xl);border-top:1px solid var(--gray-200);}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);}

/* ===== MUSIC ===== */
.music-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);}
.music-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.music-card:hover{box-shadow:var(--neo-inset);}
.music-card-cover{width:56px;height:56px;border-radius:var(--radius-md);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;box-shadow:var(--neo-shadow-sm);transition:all var(--transition-base);}
.music-card:hover .music-card-cover{box-shadow:var(--neo-inset-sm);color:var(--accent-dark);}
.music-card-info h4{font-size:var(--fs-base);margin-bottom:2px;color:var(--text-primary);}
.music-card-info span{font-size:var(--fs-sm);color:var(--text-muted);}
.music-card-play{margin-left:auto;width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;box-shadow:var(--neo-shadow-sm);}
.music-card:hover .music-card-play{box-shadow:var(--neo-inset-sm);color:var(--accent-dark);}

/* ===== DONATION ===== */
.donation-section{background:var(--accent);color:var(--white);text-align:center;position:relative;overflow:hidden;border-radius:var(--radius-2xl);margin:0 var(--space-xl);box-shadow:var(--neo-shadow-lg);}
.donation-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(255,255,255,0.1),transparent 60%);}
.donation-section h2{color:var(--white);}
.donation-section p{color:rgba(255,255,255,0.85);}
.donation-amounts{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-2xl) 0;}
.amount-btn{padding:14px 28px;border:none;border-radius:var(--radius-xl);color:var(--accent);font-family:var(--font-heading);font-size:var(--fs-lg);font-weight:600;cursor:pointer;transition:all var(--transition-base);background:var(--surface);box-shadow:var(--neo-shadow);}
.amount-btn:hover,.amount-btn.active{box-shadow:var(--neo-inset);color:var(--accent-dark);}

/* ===== CONTACT ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr;}}
.contact-form .form-group{margin-bottom:var(--space-lg);}
.contact-form label{display:block;font-size:var(--fs-sm);font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary);}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:14px 18px;border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--fs-base);color:var(--text-primary);background:var(--surface);transition:all var(--transition-fast);box-shadow:var(--neo-inset-sm);}
.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{outline:none;box-shadow:var(--neo-inset),0 0 0 2px rgba(var(--accent-rgb),0.2);}
.contact-form textarea{min-height:140px;resize:vertical;}
.contact-info-list{display:flex;flex-direction:column;gap:var(--space-xl);}
.contact-info-item{display:flex;gap:var(--space-md);align-items:flex-start;}
.contact-info-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--surface);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--neo-shadow-sm);transition:all var(--transition-base);}
.contact-info-item:hover .contact-info-icon{box-shadow:var(--neo-inset-sm);}
.contact-info-item h4{font-size:var(--fs-base);margin-bottom:2px;color:var(--text-primary);}
.contact-info-item p,.contact-info-item a{font-size:var(--fs-sm);color:var(--text-secondary);}

/* ===== MEMBERS ===== */
.members-section{background:var(--bg-secondary);}
.login-card{max-width:420px;margin:0 auto;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-3xl);box-shadow:var(--neo-shadow-lg);}
.login-card .logo{justify-content:center;margin-bottom:var(--space-2xl);}

/* ===== CTA ===== */
.cta-section{background:var(--bg-secondary);padding:var(--space-4xl) 0;text-align:center;position:relative;overflow:hidden;border-radius:var(--radius-2xl);margin:0 var(--space-xl);}
.cta-section h2{margin-bottom:var(--space-md);}
.cta-section p{color:var(--text-secondary);font-size:var(--fs-lg);margin-bottom:var(--space-2xl);}

/* ===== FOOTER ===== */
.footer{background:var(--bg-dark);color:var(--text-primary);margin-top:var(--space-4xl);}
.footer-top{padding:var(--space-4xl) 0 var(--space-3xl);}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1.3fr;gap:var(--space-2xl);}
@media(max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:576px){.footer-grid{grid-template-columns:1fr;}}
.footer-logo{margin-bottom:var(--space-lg);}
.footer-desc{color:var(--text-secondary);font-size:var(--fs-sm);line-height:1.7;}
.footer-title{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--space-xl);color:var(--text-primary);position:relative;padding-bottom:var(--space-sm);}
.footer-title::after{content:'';position:absolute;bottom:0;left:0;width:24px;height:2px;background:var(--accent);border-radius:2px;}
.footer-links li{margin-bottom:var(--space-sm);}
.footer-links a{color:var(--text-secondary);font-size:var(--fs-sm);display:flex;align-items:center;gap:6px;transition:all var(--transition-fast);}
.footer-links a:hover{color:var(--accent);padding-left:6px;}
.footer-contact li{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);color:var(--text-secondary);font-size:var(--fs-sm);}
.footer-contact li iconify-icon{color:var(--accent);margin-top:2px;flex-shrink:0;}
.footer-contact a{color:var(--text-secondary);transition:color var(--transition-fast);}
.footer-contact a:hover{color:var(--accent);}
.footer-youtube{margin-bottom:var(--space-lg);}
.youtube-embed-placeholder{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--text-muted);box-shadow:var(--neo-inset-sm);}
.youtube-embed-placeholder p{color:var(--text-muted);font-size:var(--fs-sm);margin:var(--space-sm) 0 var(--space-md);}
.footer-social{display:flex;gap:var(--space-md);}
.footer-social a{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all var(--transition-fast);box-shadow:var(--neo-shadow-sm);}
.footer-social a:hover{box-shadow:var(--neo-inset-sm);color:var(--accent);}
.footer-bottom{border-top:1px solid rgba(0,0,0,0.06);padding:var(--space-lg) 0;}
.footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md);}
.footer-bottom p{font-size:var(--fs-sm);color:var(--text-muted);margin:0;}
.footer-verse{font-style:italic;color:var(--text-muted) !important;}

/* ===== BACK TO TOP ===== */
.back-to-top{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface);color:var(--accent);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-base);z-index:999;box-shadow:var(--neo-shadow);}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0);}
.back-to-top:hover{box-shadow:var(--neo-inset);transform:translateY(-2px);}

/* ===== HEBREW LETTERS ===== */
.hebrew,.heb{font-family:var(--font-hebrew);font-weight:700;font-size:1.15em;line-height:1;display:inline-block;color:var(--accent);transition:all var(--transition-base);}
.hebrew:hover,.heb:hover{color:var(--accent-dark);}
.hebrew-glow{font-family:var(--font-hebrew);font-weight:700;font-size:1.15em;color:var(--accent);}
.hebrew-gold{font-family:var(--font-hebrew);font-weight:700;font-size:1.15em;color:var(--warm);}
.hebrew-deco{font-family:var(--font-hebrew);font-weight:700;font-size:1.8em;display:block;text-align:center;margin:var(--space-lg) 0;color:var(--accent);letter-spacing:3px;}

/* ===== GEMATRIA CARDS ===== */
.gematria-letter{font-family:var(--font-hebrew);font-size:52px;font-weight:700;color:var(--accent);line-height:1;margin-bottom:var(--space-sm);transition:all var(--transition-slow);position:relative;}
.gematria-card{position:relative;overflow:hidden;}
.gematria-card:hover .gematria-letter{color:var(--accent-dark);transform:scale(1.08);}
.gematria-name{font-size:var(--fs-sm);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-xs);}
.gematria-value{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:700;color:var(--text-primary);}
.gematria-meaning{font-size:var(--fs-sm);color:var(--text-secondary);margin-top:var(--space-sm);line-height:1.5;}
.gematria-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-lg);margin-top:var(--space-2xl);}
.gematria-card{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.gematria-card:hover{box-shadow:var(--neo-inset);}

/* ===== VIDEO GRID ===== */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-xl);}
.video-card{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--neo-shadow);}
.video-card:hover{box-shadow:var(--neo-inset);}

.video-card-body{padding:var(--space-lg);}
.video-card-body h3{font-size:var(--fs-base);margin-bottom:var(--space-xs);color:var(--text-primary);}
.video-card-body p{font-size:var(--fs-sm);}

/* ===== IMAGE PLACEHOLDER ===== */
.img-placeholder{width:100%;height:100%;object-fit:cover;background:linear-gradient(135deg,var(--gray-100),var(--gray-200));}
.img-placeholder-blog{background:linear-gradient(135deg,#e8edf2 0%,#d1d9e6 50%,#c4cdd9 100%);}
.img-placeholder-hero{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-dark) 100%);}
.img-placeholder-event{background:linear-gradient(135deg,#d1d9e6 0%,#b0bcc8 100%);}
.img-rounded{border-radius:var(--radius-lg);}
/* Video embed responsive */
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--black);}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
/* ===== UTILITY ===== */
.text-white{color:var(--white) !important;} .text-accent{color:var(--accent) !important;} .text-center{text-align:center;} .text-left{text-align:left;}
.mt-1{margin-top:var(--space-md);} .mt-2{margin-top:var(--space-xl);} .mt-3{margin-top:var(--space-2xl);}
.mb-1{margin-bottom:var(--space-md);} .mb-2{margin-bottom:var(--space-xl);} .mb-3{margin-bottom:var(--space-2xl);}
.pt-1{padding-top:var(--space-md);} .pt-2{padding-top:var(--space-xl);} .pb-1{padding-bottom:var(--space-md);} .pb-2{padding-bottom:var(--space-xl);}
.bg-primary-section{background:var(--bg-secondary);} .bg-dark-section{background:var(--bg-dark);} .overflow-hidden{overflow:hidden;}
.d-none{display:none !important;} .d-lg-block{display:block !important;}

/* ===== ERROR ===== */
.error-section{min-height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;}
.error-content iconify-icon{color:var(--accent);margin-bottom:var(--space-lg);}
.error-content h2{margin-bottom:var(--space-md);}
.error-content p{margin-bottom:var(--space-xl);}

/* ===== DROPDOWN SUBMENU — Modern ===== */
.nav-item.has-dropdown{position:relative;}
.dropdown-trigger{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);border:none;background:none;border-radius:8px;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);white-space:nowrap;cursor:pointer;font-family:var(--font-primary);position:relative;}
.dropdown-trigger::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent);border-radius:2px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);transform:translateX(-50%);}
.dropdown-trigger:hover{color:var(--accent);}
.dropdown-trigger:hover::after{width:60%;}
.has-dropdown.open .dropdown-trigger{color:var(--accent);}
.has-dropdown.open .dropdown-trigger::after{width:60%;}
.dropdown-arrow{transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0.5;}
.has-dropdown.open .dropdown-arrow{transform:rotate(180deg);opacity:1;}
.dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(8px) scale(0.96);min-width:230px;background:rgba(255,255,255,0.96);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-radius:14px;padding:8px;opacity:0;visibility:hidden;display:block !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);border:1px solid rgba(0,0,0,0.06);z-index:1001;list-style:none;margin:0;}
[data-theme="dark"] .dropdown-menu{background:rgba(36,42,56,0.96);border-color:rgba(255,255,255,0.08);box-shadow:0 8px 32px rgba(0,0,0,0.3),0 2px 8px rgba(0,0,0,0.15);}
.has-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0) scale(1);}
.dropdown-link{display:flex;align-items:center;gap:10px;padding:10px 14px;font-size:var(--fs-sm);font-weight:500;color:var(--text-secondary);border-radius:8px;transition:all 0.2s ease;position:relative;}
.dropdown-link:hover{color:var(--accent);background:rgba(var(--accent-rgb),0.06);}
.dropdown-link.active{color:var(--accent);font-weight:600;background:rgba(var(--accent-rgb),0.08);}
.dropdown-link.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--accent);border-radius:0 3px 3px 0;}
.dropdown-item{position:relative;}
.dropdown-item.restricted .dropdown-link{color:var(--warm);}
.lock-icon{margin-left:auto;opacity:0.5;}

/* ===== MOBILE SUBMENU — Modern ===== */
.mobile-nav-group{margin-bottom:2px;}
.mobile-nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:13px 20px;font-size:var(--fs-base);font-weight:500;color:var(--text-secondary);border-radius:10px;transition:all 0.2s ease;cursor:pointer;background:none;border:none;text-align:left;font-family:var(--font-primary);position:relative;}
.mobile-nav-group-toggle:hover{color:var(--accent);background:rgba(var(--accent-rgb),0.06);}
.mobile-dropdown-arrow{margin-left:auto;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0.4;}
.mobile-nav-group.open .mobile-dropdown-arrow{transform:rotate(180deg);opacity:0.8;}
.mobile-submenu{padding-left:24px;max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1), opacity 0.3s ease;opacity:0;}
.mobile-nav-group.open .mobile-submenu{max-height:300px;opacity:1;}
.mobile-submenu-item{margin-bottom:1px;}
.mobile-submenu-item .mobile-nav-link{padding:10px 16px;font-size:var(--fs-sm);}
.mobile-nav-group.has-active-child .mobile-nav-group-toggle{color:var(--accent);font-weight:600;}
.mobile-nav-group.has-active-child .mobile-nav-group-toggle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--accent);border-radius:0 3px 3px 0;}

/* ===== RESPONSIVE ===== */

/* Tablet (768px - 992px) */
@media(max-width:992px){
  .main-nav{display:none;}
  .hamburger{display:flex;}
  .hero-slider{height:75vh;}
  .hero h1{font-size:2.5rem;}
  .about-grid{grid-template-columns:1fr;gap:var(--space-2xl);}
  .contact-grid{grid-template-columns:1fr;gap:var(--space-2xl);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));}
  .events-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
}

/* Mobile (max-width: 768px) */
@media(max-width:768px){
  /* Typography */
  h1{font-size:1.8rem;line-height:1.2;}
  h2{font-size:1.5rem;}
  h3{font-size:1.25rem;}
  p{font-size:var(--fs-base);line-height:1.6;}

  /* Spacing */
  .section{padding:var(--space-2xl) 0;}
  .container{padding:0 var(--space-md);}

  /* Hero Slider */
  .hero-slider{height:65vh;min-height:380px;}
  .hero h1{font-size:1.75rem;line-height:1.25;}
  .hero p{font-size:var(--fs-base);margin-bottom:var(--space-lg);}
  .hero-badge{font-size:var(--fs-xs);padding:8px 16px;}
  .hero-buttons{flex-direction:column;gap:var(--space-sm);}
  .hero-buttons .btn-primary,.hero-buttons .btn-outline{width:100%;justify-content:center;padding:12px 20px;font-size:var(--fs-sm);}
  .hero-slider-btn{width:38px;height:38px;}
  .hero-slider-prev{left:10px;}
  .hero-slider-next{right:10px;}
  .hero-slider-dots{bottom:16px;gap:8px;}
  .hero-slider-dot{width:8px;height:8px;}
  .hero-slider-dot.active{width:24px;}

  /* About */
  .about-grid{grid-template-columns:1fr;gap:var(--space-xl);}
  .about-image{order:-1;}
  .about-image-placeholder{aspect-ratio:16/9;}
  .about-stats{grid-template-columns:repeat(3,1fr);gap:var(--space-sm);}
  .about-stat-number{font-size:var(--fs-2xl);}

  /* Services */
  .services-grid{grid-template-columns:1fr 1fr;gap:var(--space-md);}
  .service-card{padding:var(--space-lg);}
  .service-card-icon{width:48px;height:48px;font-size:22px;margin-bottom:var(--space-md);}

  /* Events */
  .events-grid{grid-template-columns:1fr;}
  .event-card{margin-bottom:var(--space-md);}
  .event-card-body{padding:var(--space-lg);}

  /* Blog */
  .blog-grid{grid-template-columns:1fr;}
  .blog-card{margin-bottom:var(--space-md);}
  .blog-featured{grid-template-columns:1fr !important;}
  .blog-featured>div:first-child{min-height:180px;}
  .blog-search{flex-direction:column;}
  .blog-search-input{min-width:100%;padding:12px 16px 12px 40px;}
  .blog-filters{justify-content:center;gap:6px;}
  .blog-filter-btn{padding:6px 14px;font-size:var(--fs-xs);}
  .related-grid{grid-template-columns:1fr 1fr;}

  /* Causes */
  .causes-grid{grid-template-columns:1fr;}

  /* Video */
  .video-grid{grid-template-columns:1fr;}
  .video-embed{border-radius:var(--radius-md);}

  /* Gematria */
  .gematria-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);}
  .gematria-letter{font-size:40px;}
  .gematria-value{font-size:var(--fs-xl);}

  /* Team */
  .team-grid{grid-template-columns:1fr 1fr;gap:var(--space-md);}
  .team-card-image{height:180px;}

  /* Contact */
  .contact-grid{grid-template-columns:1fr;gap:var(--space-xl);}
  .contact-form{order:-1;}

  /* Music */
  .music-grid{grid-template-columns:1fr;}

  /* Donation */
  .donation-section{margin:0 var(--space-md);border-radius:var(--radius-lg);}
  .donation-amounts{flex-direction:row;flex-wrap:wrap;justify-content:center;}
  .amount-btn{padding:10px 20px;font-size:var(--fs-base);}

  /* CTA */
  .cta-section{margin:0 var(--space-md);padding:var(--space-2xl) 0;border-radius:var(--radius-lg);}
  .cta-section h2{font-size:1.5rem;}
  .cta-section p{font-size:var(--fs-base);}

  /* Footer */
  .footer{margin-top:var(--space-2xl);}
  .footer-top{padding:var(--space-2xl) 0;}
  .footer-grid{grid-template-columns:1fr;gap:var(--space-xl);}
  .footer-bottom-inner{flex-direction:column;text-align:center;gap:var(--space-sm);}

  /* Members */
  .login-card{padding:var(--space-xl);margin:0 var(--space-md);}
  .membros-grid{grid-template-columns:1fr !important;}

  /* Buttons */
  .btn-primary,.btn-outline{padding:12px 24px;font-size:var(--fs-sm);}
  .btn-outline-sm{padding:6px 12px;font-size:var(--fs-xs);}

  /* Back to top */
  .back-to-top{bottom:16px;right:16px;width:40px;height:40px;}

  /* Forms */
  input,textarea,select{font-size:16px !important;} /* Prevents iOS zoom */
}

/* Small phones (max-width: 480px) */
@media(max-width:480px){
  .hero-slider{height:60vh;min-height:340px;}
  .hero h1{font-size:1.5rem;}
  .hero-badge{font-size:0.7rem;padding:6px 12px;}
  .services-grid{grid-template-columns:1fr;}
  .team-grid{grid-template-columns:1fr;}
  .about-stats{grid-template-columns:1fr;gap:var(--space-md);}
  .about-stat{padding:var(--space-md);background:var(--surface);border-radius:var(--radius-md);box-shadow:var(--neo-shadow-sm);}
  .gematria-grid{grid-template-columns:1fr 1fr;}
  .related-grid{grid-template-columns:1fr;}
  .blog-filters{gap:4px;}
  .blog-filter-btn{padding:5px 10px;font-size:0.7rem;}
  .donation-amounts{gap:var(--space-sm);}
  .amount-btn{padding:8px 16px;font-size:var(--fs-sm);}
  .footer-social{justify-content:center;}
  .footer-contact{text-align:center;}
  .footer-contact li{justify-content:center;}
}

/* Very small phones (max-width: 360px) */
@media(max-width:360px){
  .hero h1{font-size:1.3rem;}
  .hero p{font-size:0.875rem;}
  .section-header h2{font-size:1.3rem;}
  .section-desc{font-size:var(--fs-sm);}
  .service-card{padding:var(--space-md);}
  .event-card-body{padding:var(--space-md);}
  .blog-card-body{padding:var(--space-md);}
  .login-card{padding:var(--space-lg);}
}

/* Touch device optimizations */
@media(hover:none) and (pointer:coarse){
  .nav-link{padding:12px 16px;}
  .dropdown-link{padding:14px 16px;}
  .mobile-nav-link{padding:16px 20px;}
  .btn-primary,.btn-outline{min-height:48px;}
  .blog-filter-btn{min-height:40px;}
  .amount-btn{min-height:44px;}
  .back-to-top{width:48px;height:48px;}
}

/* Landscape mobile */
@media(max-height:500px) and (orientation:landscape){
  .hero-slider{height:100vh;min-height:auto;}
  .hero-slider-content{align-items:center;padding:var(--space-md) 0;}
  .hero h1{font-size:1.5rem;}
  .hero p{display:none;}
}

/* Print styles */
@media print{
  .navbar,.mobile-sidebar,.hero-slider,.back-to-top,.cta-section,.footer-social{display:none !important;}
  .hero{min-height:auto;padding:var(--space-xl) 0;}
  .section{padding:var(--space-md) 0;}
  body{background:white;color:black;}
}

/* ===== DYNAMIC ANIMATIONS ===== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(40px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-40px);}to{opacity:1;transform:translateX(0);}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(40px);}to{opacity:1;transform:translateX(0);}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.9);}to{opacity:1;transform:scale(1);}}
@keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.05);}}
@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}
@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(0.4,0,0.2,1);}
.animate-on-scroll.visible{opacity:1;transform:translateY(0);}
.animate-on-scroll.delay-1{transition-delay:0.1s;}
.animate-on-scroll.delay-2{transition-delay:0.2s;}
.animate-on-scroll.delay-3{transition-delay:0.3s;}
.animate-on-scroll.delay-4{transition-delay:0.4s;}
.float-animation{animation:float 3s ease-in-out infinite;}
.pulse-animation{animation:pulse 2s ease-in-out infinite;}
.shimmer-text{background:linear-gradient(90deg,var(--text-primary) 0%,var(--accent) 50%,var(--text-primary) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite;}
.hover-lift{transition:transform 0.3s ease,box-shadow 0.3s ease;}
.hover-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.12);}
.hover-glow{transition:box-shadow 0.3s ease;}
.hover-glow:hover{box-shadow:0 0 20px rgba(var(--accent-rgb),0.3);}
.stagger-1{animation-delay:0.1s;}.stagger-2{animation-delay:0.2s;}.stagger-3{animation-delay:0.3s;}.stagger-4{animation-delay:0.4s;}.stagger-5{animation-delay:0.5s;}
.service-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.service-card:hover{transform:translateY(-8px);}
.service-card-icon{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.service-card:hover .service-card-icon{transform:scale(1.1) rotate(5deg);background:rgba(var(--accent-rgb),0.15);}
.event-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.event-card:hover{transform:translateY(-6px);}
.blog-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.blog-card:hover{transform:translateY(-4px);}
.team-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.team-card:hover{transform:translateY(-6px);}
.gematria-card{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);}
.gematria-card:hover{transform:translateY(-5px) scale(1.02);}
.cta-section{position:relative;overflow:hidden;}
.cta-section::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,0.03),transparent,rgba(255,255,255,0.03),transparent);animation:rotate 20s linear infinite;pointer-events:none;}