*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #08547d;--primary-600: #0369a1;--primary-700: #0284c7;--primary-800: #0c4a6e;--primary-900: #082f49;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--accent-50: #fffbeb;--accent-100: #fef3c7;--accent-200: #fde68a;--accent-300: #fcd34d;--accent-400: #fbbf24;--accent-500: #f59e0b;--accent-600: #d97706;--accent-700: #b45309;--accent-800: #92400e;--accent-900: #78350f;--success: #ff6666;--warning: #f59e0b;--error: #ed2727;--info: #3b82f6;--primary-color: var(--primary-600);--primary-dark: var(--primary-800);--primary-light: var(--primary-400);--secondary-color: var(--gray-700);--secondary-dark: var(--gray-800);--bg: #ffffff;--bg-card: #ffffff;--surface-color: #ffffff;--text-primary: #1a1a1a;--text-secondary: #4a4a4a;--text-muted: #666666;--border: var(--gray-300);--border-color: var(--gray-300);--hover-bg: var(--gray-100);--gradient-primary: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--gray-600) 0%, var(--gray-700) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-500) 0%, var(--primary-500) 50%, var(--accent-600) 100%);--gradient-subtle: linear-gradient(135deg, var(--primary-50) 0%, var(--accent-50) 100%);--shadow-sm: 0 1px 2px 0 rgba(59, 130, 246, .03);--shadow: 0 1px 2px 0 rgba(59, 130, 246, .05), 0 1px 1px 0 rgba(59, 130, 246, .03);--shadow-md: 0 2px 4px -1px rgba(59, 130, 246, .06), 0 1px 2px -1px rgba(59, 130, 246, .03);--shadow-lg: 0 4px 8px -2px rgba(59, 130, 246, .06), 0 2px 4px -2px rgba(59, 130, 246, .03);--shadow-xl: 0 8px 15px -3px rgba(59, 130, 246, .06), 0 4px 6px -3px rgba(59, 130, 246, .02);--shadow-2xl: 0 12px 25px -6px rgba(59, 130, 246, .12);--shadow-text: 0 1px 2px rgba(59, 130, 246, .2);--font-family-serif: "Playfair Display", Georgia, serif;--font-family-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--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;--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--animation-fade-in-up: fadeInUp .8s cubic-bezier(.4, 0, .2, 1) }.darkmode{--primary-color: var(--primary-400);--primary-dark: var(--primary-300);--primary-light: var(--primary-200);--secondary-color: var(--gray-300);--secondary-dark: var(--gray-200);--bg: var(--gray-900);--bg-card: var(--gray-800);--surface-color: var(--gray-800);--text-primary: var(--gray-100);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--border: var(--gray-700);--border-color: var(--gray-700);--hover-bg: rgba(75, 85, 99, .3);--gradient-primary: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 100%);--gradient-secondary: linear-gradient(135deg, var(--gray-700) 0%, var(--gray-800) 100%);--gradient-hero: linear-gradient(135deg, var(--primary-400) 0%, var(--primary-500) 50%, var(--accent-500) 100%);--gradient-subtle: linear-gradient(135deg, var(--primary-900) 0%, var(--accent-900) 100%) }html{font-size:16px;line-height:1.6;scroll-behavior:smooth;overscroll-behavior:none;background-color:var(--bg)}body{font-family:var(--font-family-sans);background-color:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:var(--transition-colors);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:none;overscroll-behavior-x:none;margin:0;padding:0;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-serif);font-weight:700;line-height:1.3;margin-bottom:var(--space-4);color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:var(--space-4);color:var(--text-secondary);line-height:1.7}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:.875rem;font-weight:500;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition-colors),transform var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;line-height:1;font-family:inherit;letter-spacing:.025em}.btn-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:#fff;box-shadow:0 4px 6px -1px #08547d33,0 2px 4px -1px #08547d1a;border:1px solid rgba(251,191,36,.2);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fbbf241a,#fbbf2433);opacity:0;transition:all var(--transition-base)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 15px -3px #08547d4d,0 4px 6px -2px #fbbf2433;color:#fff;filter:brightness(1.05);border-color:#fbbf2466}.btn-primary:hover:before{opacity:1}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:0 2px 4px -1px #08547d1a,0 1px 2px -1px #08547d0f;position:relative}.btn-secondary:hover{background:var(--hover-bg);transform:translateY(-1px);box-shadow:0 4px 6px -1px #08547d26,0 2px 4px -1px #08547d1a;border-color:#fbbf244d}.card{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #08547d1a,0 2px 4px -1px #08547d0f,0 0 0 1px #fbbf240d;border:1px solid var(--border);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.7) 25%,rgba(251,191,36,1) 50%,rgba(251,191,36,.7) 75%,transparent 100%);opacity:0;transition:all var(--transition-base)}.card:hover{box-shadow:0 10px 15px -3px #08547d26,0 4px 6px -2px #08547d1a,0 0 0 1px #fbbf2426,0 0 25px #fbbf241a;transform:translateY(-4px);border-color:#fbbf2433}.card:hover:before{opacity:1}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:768px;margin:0 auto;padding:0 var(--space-4)}.header{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 25%,var(--primary-800) 50%,var(--primary-900) 75%,#1a2332 100%);color:#fff;padding:var(--space-4) 0;box-shadow:0 10px 25px -5px #08547d33,0 8px 10px -6px #08547d1a,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(251,191,36,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.15) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.02) 50%,transparent 70%);opacity:.8}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.5) 20%,rgba(251,191,36,.8) 50%,rgba(251,191,36,.5) 80%,transparent 100%)}.header .container{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:var(--space-4);position:relative;z-index:2}.header-controls{display:flex;align-items:center;gap:var(--space-3)}.header h1{font-family:var(--font-family-serif);font-size:2.5rem;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#f1f5f9,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);color:#fff;position:relative;letter-spacing:-.02em}.header h1:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-400) 0%,var(--accent-600) 100%);border-radius:var(--radius-full);opacity:.9}.nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-1);background:#ffffff14;padding:var(--space-3);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3;justify-self:center}.nav a{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-5);color:#ffffffe6;text-decoration:none;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);margin:0;font-size:.95rem;position:relative;letter-spacing:.02em;background:transparent;border:1px solid transparent}.nav a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fbbf2400,#fbbf241a,#fbbf2400);border-radius:var(--radius-md);opacity:0;transition:all var(--transition-base);z-index:-1}.nav a:hover,.nav a.active{color:#fff;background:#fbbf2426;border-color:#fbbf244d;transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2426,0 3px 12px #0000001a}.nav a:hover:before,.nav a.active:before{opacity:1}.nav a:active{transform:translateY(0)}@media(max-width:768px){.container{padding:0 var(--space-3)}.header{padding:.875rem 0;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:linear-gradient(135deg,#08547df2,#0369a1eb,#0284c7e6,#0c4a6eeb,#1a2332f2);box-shadow:0 8px 32px #08547d26,0 2px 8px #0000001a,inset 0 1px #ffffff26;position:sticky;top:0;z-index:1000}.header .container{display:block;padding:0 var(--space-3)}.desktop-header-content,.navigation-spacious,.header-controls{display:none!important}.header{height:auto;padding:var(--space-2) 0}.theme-switch{width:44px;height:44px}.language-selector select,#language-select,#languageSelect{padding:var(--space-2) var(--space-5) var(--space-2) var(--space-3);font-size:.85rem;min-width:100px;padding-right:35px}.language-selector select:after,#language-select:after,#languageSelect:after{right:8px;width:12px;height:12px}.footer-grid{grid-template-columns:1fr;gap:var(--space-6)}.font-size-control{text-align:center;margin-top:var(--space-4)}.font-size-control label{display:block;margin-bottom:var(--space-2);font-size:.875rem;font-weight:500;color:var(--text-secondary)}.font-size-buttons{display:flex;gap:var(--space-2);align-items:center}.font-size-btn{min-width:35px;padding:var(--space-1) var(--space-2)}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}body.font-small h1{font-size:1.5rem}body.font-small h2{font-size:1.25rem}body.font-small h3{font-size:1.125rem}body.font-large h1{font-size:2.25rem}body.font-large h2{font-size:1.875rem}body.font-large h3{font-size:1.5rem}body.font-xlarge h1{font-size:2.5rem}body.font-xlarge h2{font-size:2rem}body.font-xlarge h3{font-size:1.75rem}}.font-size-control{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4)}.font-size-control label{color:var(--gray-200);font-size:1.125rem;margin-bottom:var(--space-3);font-weight:600;font-family:var(--font-family-serif);display:block;text-align:left}.font-size-buttons{display:flex;gap:var(--space-2);align-items:center;justify-content:center;background:#ffffff14;padding:var(--space-2);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 12px #0000001a,inset 0 1px #fff3}.font-size-btn{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:var(--space-2);background:linear-gradient(135deg,#ffffff1a,#ffffff26);border:2px solid rgba(8,84,125,.3);border-radius:var(--radius-md);color:#ffffffe6;font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);box-shadow:0 2px 8px #0000001a,inset 0 1px #fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.2)}.font-size-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#08547d1a,#08547d33);opacity:0;transition:all var(--transition-base)}.font-size-btn:hover{transform:translateY(-2px) scale(1.05);border-color:#08547d99;background:linear-gradient(135deg,#ffffff26,#fff3);box-shadow:0 8px 25px #08547d33,0 4px 12px #00000026,inset 0 1px #ffffff4d;color:#fff}.font-size-btn:hover:before{opacity:1}.font-size-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 15px #08547d33,0 2px 8px #0000001a,inset 0 1px #fff3}.font-size-btn.active{background:var(--primary-500);border-color:#08547de6;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.3);box-shadow:0 6px 20px #08547d66,0 3px 10px #0003,inset 0 1px #ffffff4d,inset 0 -1px #0000001a;transform:translateY(-1px)}.font-size-btn.active:before{opacity:0}.font-size-btn.changing{animation:fontSizePulse .3s ease-out}@keyframes fontSizePulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.font-size-btn[data-size=small]{font-size:.8rem;min-width:36px;height:36px}.font-size-btn[data-size=medium]{font-size:.9rem;min-width:40px;height:40px}.font-size-btn[data-size=large]{font-size:1rem;min-width:44px;height:44px}.font-size-btn[data-size=xlarge]{font-size:1.1rem;min-width:48px;height:48px}.darkmode .font-size-control label{color:#ffffffe6}.darkmode .font-size-buttons{background:#ffffff0d;border-color:#ffffff1a}.darkmode .font-size-btn{background:linear-gradient(135deg,#ffffff14,#ffffff1f);border-color:#08547d66;color:#ffffffe6}.darkmode .font-size-btn:hover{background:linear-gradient(135deg,#ffffff1f,#ffffff2e);border-color:#08547db3}.darkmode .font-size-btn.active{background:var(--primary-500);border-color:#08547de6}@media(min-width:769px)and (max-width:1024px){.header .container{grid-template-columns:1fr 2fr auto auto;gap:var(--space-6)}.header h1{font-size:2rem;justify-self:start}.nav{justify-self:center}.header-controls{justify-self:end;gap:var(--space-4)}.header .search-container{justify-self:end;max-width:200px}}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:flex-start;justify-content:center;padding:5vh 2rem;animation:fadeIn .3s ease-out}.search-overlay.active{display:flex}.search-overlay-content{background:var(--bg-card);border-radius:20px;padding:2rem;width:100%;max-width:800px;box-shadow:0 25px 50px #0000004d;border:1px solid var(--border);animation:slideInUp .3s ease-out}.search-overlay-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.search-overlay-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.search-close-btn{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.search-close-btn:hover{background:var(--hover-bg);color:var(--text-primary)}.search-overlay .search-box{position:relative;margin-bottom:2rem}.search-overlay .search-input-wrapper{background:var(--bg);border:2px solid var(--border);border-radius:15px;padding:1rem 1.5rem;transition:all .3s ease}.search-overlay .search-input-wrapper:focus-within{border-color:var(--accent-500);box-shadow:0 0 0 3px #fbbf241a}.search-overlay .search-input{font-size:1.2rem;padding:.5rem 0;width:100%}.search-overlay .search-button{color:var(--accent-600);padding:.5rem}.search-overlay .search-results{margin-top:0;background:transparent;box-shadow:none;border:none;padding:0;max-height:60vh;overflow-y:auto}.search-overlay .search-result-item{background:var(--bg);margin-bottom:1rem;border:1px solid var(--border);transition:all .2s ease}.search-overlay .search-result-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:var(--accent-400)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.darkmode .search-overlay{background:#000000e6}.darkmode .search-overlay-content{background:var(--gray-800);border-color:var(--gray-700)}.darkmode .search-overlay .search-input-wrapper{background:var(--gray-900);border-color:var(--gray-700)}.darkmode .search-overlay .search-input-wrapper:focus-within{border-color:var(--accent-400)}.darkmode .search-overlay .search-result-item{background:var(--gray-900);border-color:var(--gray-700)}.header .search-container{position:relative;z-index:1000;max-width:280px;background:none;padding:0;margin-top:0}.header .search-box{position:relative}.header .search-input-wrapper{display:flex;align-items:center;background:#ffffff26;border-radius:var(--radius-lg);padding:.4rem .8rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.header .search-input-wrapper:focus-within{background:#ffffff40;box-shadow:0 4px 15px #fbbf2433;border-color:#fbbf2466;transform:translateY(-1px)}.header .search-input{flex:1;border:none;outline:none;padding:.3rem 0;font-size:.9rem;background:transparent;color:#fff;min-width:0}.header .search-input::placeholder{color:#ffffffb3}.header .search-button,.header .search-clear{background:none;border:none;cursor:pointer;padding:.2rem;color:#fffc;border-radius:50%;transition:all .2s ease;margin-left:.3rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.header .search-button:hover,.header .search-clear:hover{background:#fbbf2433;color:#fff;transform:scale(1.1)}.darkmode .header .search-input-wrapper{background:#ffffff1a;border-color:#ffffff26}.darkmode .header .search-input-wrapper:focus-within{background:#ffffff26;border-color:#fbbf2480}.header-controls .search-container{margin-top:0;position:relative;z-index:1000;flex:1;max-width:280px;margin-right:var(--space-3);background:none;padding:0}.header-controls .search-box{position:relative}.header-controls .search-input-wrapper{display:flex;align-items:center;background:#ffffff26;border-radius:var(--radius-lg);padding:.4rem .8rem;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.header-controls .search-input-wrapper:focus-within{background:#ffffff40;box-shadow:0 4px 15px #fbbf2433;border-color:#fbbf2466;transform:translateY(-1px)}.header-controls .search-input{flex:1;border:none;outline:none;padding:.3rem 0;font-size:.9rem;background:transparent;color:#fff;min-width:0}.header-controls .search-input::placeholder{color:#ffffffb3}.header-controls .search-button,.header-controls .search-clear{background:none;border:none;cursor:pointer;padding:.2rem;color:#fffc;border-radius:50%;transition:all .2s ease;margin-left:.3rem;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.header-controls .search-button:hover,.header-controls .search-clear:hover{background:#fbbf2433;color:#fff;transform:scale(1.1)}.header-controls .search-suggestions{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-radius:0 0 15px 15px;box-shadow:0 4px 20px #00000026;max-height:200px;overflow-y:auto;z-index:1001;border:1px solid var(--border);border-top:none}.header-controls .search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-card);border-radius:15px;padding:1rem;box-shadow:0 4px 20px #00000026;border:1px solid var(--border);z-index:1000;min-width:350px}.darkmode .header-controls .search-input-wrapper{background:#ffffff1a;border-color:#ffffff26}.darkmode .header-controls .search-input-wrapper:focus-within{background:#ffffff26;border-color:#fbbf2480}.darkmode .header-controls .search-suggestions{background:var(--gray-800);border-color:var(--border)}.search-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(251,191,36,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(59,130,246,.1) 0%,transparent 50%);opacity:.8}.search-container .container{position:relative;z-index:2}.search-box{position:relative}.search-input-wrapper{display:flex;align-items:center;background:#fffffff2;border-radius:25px;padding:.75rem 1.25rem;box-shadow:0 4px 20px #00000026;transition:all .3s ease;max-width:600px;margin:0 auto}.search-input-wrapper:focus-within{background:#fff;box-shadow:0 8px 30px #0003;transform:translateY(-2px)}.search-input{flex:1;border:none;outline:none;padding:.5rem 0;font-size:1rem;background:transparent;color:var(--text-primary);font-weight:400}.search-input::placeholder{color:#888;font-weight:400}.search-button,.search-clear{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--primary-600);border-radius:50%;transition:all .2s ease;margin-left:.5rem;display:flex;align-items:center;justify-content:center}.search-button:hover,.search-clear:hover{background:#fbbf241a;transform:scale(1.1)}.search-suggestions{position:absolute;top:calc(100% + 5px);left:0;right:0;background:#fff;border-radius:15px;box-shadow:0 8px 30px #00000026;max-height:200px;overflow-y:auto;z-index:1001;border:1px solid var(--border)}.search-suggestion{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s ease}.search-suggestion:hover{background:var(--accent-50)}.search-suggestion:last-child{border-bottom:none;border-radius:0 0 15px 15px}.search-results{margin-top:var(--space-6);background:var(--bg-card);border-radius:15px;padding:var(--space-6);box-shadow:0 4px 20px #0000001a;border:1px solid var(--border);max-width:800px;margin-left:auto;margin-right:auto}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--accent-200)}.search-results-header h3{margin:0;color:var(--primary-600);font-size:1.25rem}.search-results-count{font-size:.9rem;color:var(--text-muted);font-weight:500}.search-result-item{padding:var(--space-4);border:1px solid var(--border);border-radius:12px;margin-bottom:var(--space-3);transition:all .3s ease;cursor:pointer;background:var(--bg-card)}.search-result-item:hover{border-color:var(--primary-400);transform:translateY(-2px);box-shadow:0 8px 25px #08547d26}.search-result-date{font-size:.9rem;color:var(--primary-600);font-weight:600;margin-bottom:.5rem}.search-result-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text-primary);line-height:1.4}.search-result-content{color:var(--text-secondary);line-height:1.6;margin-bottom:.5rem}.search-result-highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:600;padding:0 4px;border-radius:4px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.search-no-results{text-align:center;padding:var(--space-8);color:var(--text-muted)}.search-no-results-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);opacity:.5;color:var(--text-muted)}.search-no-results-icon svg{width:64px;height:64px}.search-no-results h4{color:var(--text-primary);margin-bottom:var(--space-2)}.darkmode .search-input-wrapper{background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.darkmode .search-input-wrapper:focus-within{background:#ffffff26}.darkmode .search-input{color:#fff}.darkmode .search-input::placeholder{color:#ffffffb3}.darkmode .search-suggestions{background:var(--gray-800);border:1px solid var(--border)}.darkmode .search-suggestion{border-bottom-color:var(--border);color:#fff}.darkmode .search-suggestion:hover{background:var(--gray-700)}.breadcrumb{display:flex;align-items:center;list-style:none;margin:var(--space-4) auto;padding:0 var(--space-4);max-width:1400px;font-size:.9rem;color:var(--text-tertiary)}.breadcrumb li{display:flex;align-items:center}.breadcrumb li+li:before{content:"/";margin:0 var(--space-2);color:var(--text-quaternary)}.breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--primary-600);text-decoration:underline}.breadcrumb li:last-child{color:var(--text-primary);font-weight:500}body{display:flex;flex-direction:column;min-height:100vh}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.5) 20%,rgba(251,191,36,.8) 50%,rgba(251,191,36,.5) 80%,transparent 100%)}.hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 25%,var(--primary-800) 50%,var(--primary-900) 75%,#1a2332 100%);color:#fff;padding:var(--space-20) var(--space-4);text-align:center;position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center;justify-content:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(251,191,36,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(59,130,246,.1) 0%,transparent 50%),linear-gradient(45deg,transparent 20%,rgba(255,255,255,.03) 40%,transparent 60%);animation:subtle-float 8s ease-in-out infinite}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.6) 25%,rgba(251,191,36,1) 50%,rgba(251,191,36,.6) 75%,transparent 100%);box-shadow:0 0 20px #fbbf2480}.hero .container{position:relative;z-index:2;max-width:900px}.hero h2{font-family:var(--font-family-serif);font-size:3.5rem;font-weight:700;margin-bottom:var(--space-8);background:linear-gradient(135deg,#fff,#f8fafc 30%,#fbbf24 70%,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#fff;position:relative;z-index:1;letter-spacing:-.03em;line-height:1.2;text-shadow:0 4px 8px rgba(0,0,0,.1)}.hero h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:120px;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.8) 25%,rgba(251,191,36,1) 50%,rgba(251,191,36,.8) 75%,transparent 100%);border-radius:var(--radius-full);box-shadow:0 0 15px #fbbf2466}.hero p{font-size:1.375rem;margin-bottom:var(--space-8);color:#fffffff2;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.8;position:relative;z-index:1;font-weight:300;letter-spacing:.01em}@keyframes subtle-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}.devotionals-section{flex-grow:1;max-width:1200px;margin:var(--space-16) auto;padding:var(--space-16) var(--space-4);margin-bottom:var(--space-10);background:linear-gradient(135deg,var(--surface-color) 0%,rgba(248,250,252,.8) 100%);color:var(--text-primary);box-shadow:0 12px 16px -4px #08547d12,0 4px 6px -2px #08547d06,0 0 0 1px #fbbf2408;border-radius:var(--radius-xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.devotionals-section:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.6) 25%,rgba(251,191,36,1) 50%,rgba(251,191,36,.6) 75%,transparent 100%);box-shadow:0 0 20px #fbbf244d}.devotionals-section:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 10%,rgba(251,191,36,.03) 0%,transparent 50%),radial-gradient(circle at 10% 90%,rgba(59,130,246,.02) 0%,transparent 50%);pointer-events:none}.devotionals-section h2{font-family:var(--font-family-serif);font-size:2.75rem;font-weight:700;background:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-700) 50%,var(--accent-800) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--accent-600);margin-bottom:var(--space-12);text-align:center;position:relative;z-index:2;letter-spacing:-.02em}.devotionals-section h2:after{content:"";position:absolute;bottom:-var(--space-6);left:50%;transform:translate(-50%);width:100px;height:5px;background:linear-gradient(90deg,transparent 0%,rgba(251,191,36,.8) 25%,rgba(251,191,36,1) 50%,rgba(251,191,36,.8) 75%,transparent 100%);border-radius:var(--radius-full);box-shadow:0 0 15px #fbbf2466}.darkmode .devotionals-section{background:linear-gradient(135deg,var(--surface-color) 0%,rgba(30,41,59,.8) 100%)}.darkmode .devotionals-section h2{background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-500) 50%,var(--accent-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:var(--accent-400)}.devotionals-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-12)}@media(min-width:768px){.devotionals-grid{grid-template-columns:repeat(2,1fr)}}.devotional-card{background-color:var(--surface-color);border-radius:var(--radius-xl);box-shadow:0 4px 12px #08547d14,0 1px 3px #0000000d;overflow:hidden;transition:all var(--transition-base);border:1px solid var(--border-color);position:relative}.devotional-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-accent);box-shadow:0 0 8px #fbbf244d}@media(hover:hover)and (pointer:fine){.devotional-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #08547d1f,0 4px 8px #00000014}}@media(hover:none)and (pointer:coarse){.devotional-card:active{transform:scale(.98);transition:transform .1s ease}}@media(min-width:1024px){.devotionals-grid{grid-template-columns:repeat(3,1fr)}}.devotional-date{background:var(--gradient-accent);color:#fff;padding:var(--space-3) var(--space-6);position:relative}.devotional-date:after{content:"";position:absolute;bottom:-10px;left:var(--space-6);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--accent-600)}.devotional-date span{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.devotional-content{padding:var(--space-8)}.devotional-card h3{font-family:var(--font-family-serif);font-size:1.375rem;font-weight:600;color:var(--accent-700);margin-bottom:var(--space-4);line-height:1.4}.darkmode .devotional-card h3{color:var(--accent-400)}.devotional-verse{color:var(--text-secondary);margin-bottom:var(--space-6);font-style:italic;line-height:1.6;position:relative;padding-left:var(--space-4)}.devotional-verse:before{content:"†";position:absolute;left:0;top:-var(--space-2);font-size:1.5rem;color:var(--accent-400);font-family:sans-serif;font-weight:400}.darkmode .devotional-verse{color:var(--text-secondary)}.devotional-card a{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--accent-600);text-decoration:none;font-weight:600;transition:all var(--transition-fast);padding:var(--space-3) 0;border-bottom:2px solid transparent}.devotional-card a:hover{color:var(--accent-700);border-bottom-color:var(--accent-600)}.devotional-card a:after{content:"→";transition:transform var(--transition-fast)}.devotional-card a:hover:after{transform:translate(4px)}.darkmode .devotional-card a{color:var(--accent-400)}.darkmode .devotional-card a:hover{color:var(--accent-300)}@media(max-width:768px){.hero h2{font-size:2.25rem;line-height:1.25;margin-bottom:var(--space-6)}.hero p{font-size:1.125rem;line-height:1.7}.hero{padding:var(--space-8) 0;min-height:auto;margin-bottom:0}.devotionals-section{margin:var(--space-8) var(--space-4);padding:var(--space-10) var(--space-5)}.devotionals-section h2{font-size:2.125rem;margin-bottom:var(--space-10)}.devotionals-grid{gap:var(--space-6)}.devotional-content{padding:var(--space-6)}.devotional-card h3{font-size:1.3125rem;line-height:1.4}.devotional-card{border-radius:var(--radius-xl);box-shadow:0 4px 16px #08547d1a,0 2px 4px #0000000f}.devotional-card:before{height:3px}}.loading-state{display:none;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px;color:var(--text-color);grid-column:1 / -1;width:100%;min-height:300px}.loading-state.hidden{display:none}.loading-spinner{width:50px;height:50px;border:4px solid var(--border-color, #e2e8f0);border-top-color:var(--primary-color, #08547d);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.coming-soon-banner{padding:0;margin:var(--space-4) auto var(--space-12);max-width:1200px;width:95%}.coming-soon-content{display:grid;grid-template-columns:1fr;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.coming-soon-text{padding:var(--space-8);display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.coming-soon-image-col{background-image:url(/assets/banner-split-DLVgNkEk.webp);background-size:cover;background-position:center;min-height:250px;position:relative;background-color:#e2e8f0}.coming-soon-image-col:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.1),transparent)}.coming-soon-content:before{display:none}.coming-soon-label{display:inline-flex;align-items:center;background-color:var(--primary-50);color:var(--primary-700);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:6px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space-4);align-self:flex-start;border:1px solid var(--primary-100)}.coming-soon-title{font-family:var(--font-family-serif);font-size:2.5rem;color:var(--primary-900);margin:0 0 var(--space-3) 0;line-height:1.1}.coming-soon-desc{font-size:1.1rem;color:var(--text-secondary);line-height:1.6;margin:0;max-width:500px}.coming-soon-icon{display:none!important}@media(min-width:768px){.coming-soon-content{grid-template-columns:1.5fr 1fr}.coming-soon-text{padding:var(--space-12)}.coming-soon-image-col{min-height:auto;border-left:1px solid var(--border)}}.darkmode .coming-soon-content{background:var(--gray-800);border-color:var(--gray-700)}.darkmode .coming-soon-title{color:var(--gray-50)}.darkmode .coming-soon-desc{color:var(--gray-300)}.darkmode .coming-soon-label{background-color:#06b6d41a;color:var(--primary-300);border-color:#06b6d433}.darkmode .coming-soon-image-col:after{content:"";position:absolute;inset:0;background:#0003}