:root{--color-primary: #f97316;--color-primary-dark: #ea580c;--color-primary-light: #fb923c;--color-primary-lighter: #fdba74;--color-secondary: #0f172a;--color-secondary-dark: #020617;--color-secondary-light: #1e293b;--color-secondary-lighter: #334155;--color-success: #10b981;--color-success-dark: #059669;--color-success-light: #34d399;--color-danger: #ef4444;--color-danger-dark: #dc2626;--color-danger-light: #f87171;--color-warning: #f59e0b;--color-warning-dark: #d97706;--color-warning-light: #fbbf24;--color-info: #3b82f6;--color-info-dark: #2563eb;--color-info-light: #60a5fa;--color-white: #ffffff;--color-black: #000000;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--text-primary: #111827;--text-secondary: #374151;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-inverse: #ffffff;--bg-body: #ffffff;--bg-section: #f9fafb;--bg-section-alt: #f3f4f6;--bg-card: #ffffff;--bg-overlay: rgba(15, 23, 42, .8);--bg-overlay-light: rgba(255, 255, 255, .9);--border-light: #e5e7eb;--border-base: #d1d5db;--border-dark: #9ca3af;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Merriweather", Georgia, "Times New Roman", serif;--font-mono: "Fira Code", "Courier New", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.8;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--section-padding-y: 4rem;--section-padding-x: 1.25rem;--container-padding: 1.25rem;--container-max-width: 1200px;--radius-none: 0;--radius-sm: .25rem;--radius-base: .5rem;--radius-md: .75rem;--radius-lg: .5rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow-base: 0 4px 8px rgba(0, 0, 0, .08);--shadow-md: 0 6px 16px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .2);--shadow-card: 0 2px 8px rgba(0, 0, 0, .06);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .12);--shadow-button: 0 2px 4px rgba(0, 0, 0, .1);--shadow-dropdown: 0 10px 30px rgba(0, 0, 0, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@media (max-width: 768px){:root{--text-base: .8125rem;--text-4xl: 1.75rem;--text-5xl: 2rem;--text-6xl: 2.25rem;--section-padding-y: 3rem}}.card,.card *,.btn,.btn *,.badge,.badge *,.modal,.modal *,.dropdown,.dropdown *,.toast,.toast *,.alert,.alert *,.form-group,.form-group *,.hero,.hero *,[class*=skeleton-],[class*=skeleton-] *,[class*=spinner-],[class*=spinner-] *,[class*=progress-],[class*=progress-] *,.nav-menu,.nav-menu *,.tabs,.tabs *,.accordion,.accordion *{box-sizing:border-box}.btn{margin:0;font:inherit;border:none;cursor:pointer;text-decoration:none}.btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.card{margin:0}.card img{display:block;max-width:100%;height:auto}.form-input,.form-select,.form-textarea,.form-check-input{font:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none}.modal-backdrop{margin:0;padding:0}.dropdown-menu,.nav-menu,.tabs-list{margin:0;padding:0;list-style:none}.dropdown-menu li,.nav-menu li,.tabs-list li{list-style:none}.toast,.alert{margin:0}@media (prefers-reduced-motion: reduce){[class*=animate-],.transition,.btn,.card{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.card ::-moz-selection,.btn ::-moz-selection,.hero ::-moz-selection{background-color:var(--color-primary, #f97316);color:#fff}.card ::selection,.btn ::selection,.hero ::selection{background-color:var(--color-primary, #f97316);color:#fff}.card,.btn,.hero,.modal,.alert,.toast,.section,[class*=design-system-]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.hero h1,.hero h2,.hero h3,.hero h4,.hero h5,.hero h6,.modal h1,.modal h2,.modal h3,.modal h4,.modal h5,.modal h6,.section h1,.section h2,.section h3,.section h4,.section h5,.section h6{font-family:var(--font-sans);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight);margin-top:0;margin-bottom:var(--space-4)}.card h1,.hero h1,.modal h1,.section h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);letter-spacing:-.02em}.card h2,.hero h2,.modal h2,.section h2{font-size:var(--text-4xl);letter-spacing:-.01em}.card h3,.hero h3,.modal h3,.section h3{font-size:var(--text-3xl)}.card h4,.hero h4,.modal h4,.section h4{font-size:var(--text-2xl)}.card h5,.hero h5,.modal h5,.section h5{font-size:var(--text-xl)}.card h6,.hero h6,.modal h6,.section h6{font-size:var(--text-lg)}.card p,.hero p,.modal p,.alert p,.toast p,.section p{margin-top:0;margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.lead{font-size:var(--text-lg);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-secondary)}small,.text-small{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-body{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--text-secondary)}.text-body-sans{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal)}.text-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.text-meta{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted)}.heading-1{font-family:var(--font-sans);font-size:var(--text-5xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:var(--text-primary)}.heading-2{font-family:var(--font-sans);font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}.heading-3{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-snug);color:var(--text-primary)}.heading-4{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--text-primary)}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-black{font-weight:var(--font-black)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-disabled{color:var(--text-disabled)}.text-inverse{color:var(--text-inverse)}.text-brand-primary{color:var(--color-primary)}.text-brand-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.link-underline{text-decoration:underline;text-underline-offset:2px}.link-underline:hover{text-decoration:none}.article-content{font-family:var(--font-serif);font-size:var(--text-base);line-height:var(--leading-loose);color:var(--text-secondary)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{font-family:var(--font-sans);font-weight:var(--font-bold);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4)}.article-content h1{font-size:var(--text-5xl)}.article-content h2{font-size:var(--text-4xl)}.article-content h3{font-size:var(--text-3xl)}.article-content h4{font-size:var(--text-2xl)}.article-content p{margin-bottom:var(--space-6)}.article-content p:first-of-type:first-letter{font-size:3.5em;font-weight:var(--font-bold);color:var(--color-primary);float:left;line-height:.8;margin-right:var(--space-3);margin-top:var(--space-1)}.article-content blockquote{font-size:var(--text-md);font-style:italic;color:var(--text-primary);border-left:4px solid var(--color-primary);margin:var(--space-10) 0;padding:var(--space-5) var(--space-6);background:var(--color-gray-50);border-radius:var(--radius-base)}.article-content ul,.article-content ol{margin-bottom:var(--space-6);padding-left:var(--space-8)}.article-content li{margin-bottom:var(--space-3);line-height:var(--leading-relaxed)}.article-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.article-content a:hover{color:var(--color-primary-dark)}.article-content img{width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-8) 0;box-shadow:var(--shadow-md)}.article-content strong,.article-content b{font-weight:var(--font-bold);color:var(--text-primary)}.article-content em,.article-content i{font-style:italic}.article-content code{font-family:var(--font-mono);font-size:.875em;padding:.125rem .375rem;background:var(--color-gray-100);border-radius:var(--radius-sm);color:var(--color-danger)}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}@media (max-width: 768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}.heading-1{font-size:var(--text-4xl)}.heading-2{font-size:var(--text-3xl)}.heading-3{font-size:var(--text-2xl)}.lead{font-size:var(--text-md)}.article-content h1{font-size:var(--text-4xl)}.article-content h2{font-size:var(--text-3xl)}.article-content h3{font-size:var(--text-2xl)}}.progress-container{position:fixed;top:0;left:0;width:100%;height:4px;background:transparent;z-index:9999}.progress-container .progress-bar{height:4px;background:var(--primary);width:0%;transition:width .1s ease-out;box-shadow:0 0 10px #f9731680}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:var(--bg-light);color:var(--text-main);line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:.2s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 24px;border-radius:999px;font-weight:600;font-size:14px;cursor:pointer;border:none;transition:.2s;gap:8px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #f973164d}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px)}.btn-outline{border:1px solid #cbd5e1;background:transparent;color:var(--text-main)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-outline-light{border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff}.btn-outline-light:hover{background:#ffffff1a}.btn-block{width:100%}.btn-lg{padding:14px 32px;font-size:16px}@media (max-width: 960px){.menu{display:none}.hamburger{display:inline-flex}.hero-grid{display:flex;flex-direction:column;gap:24px}.hero-grid>.hero-swiper,.hero-grid>.hero-slider{order:1;width:100%}.hero-grid>.widgets{order:2;width:100%}.video-section{display:flex;flex-direction:column;gap:24px}.video-section>.video-frame{order:1;width:100%}.video-section>.video-text{order:2;width:100%;text-align:center}.stats-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr);gap:20px}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.topbar-inner{flex-direction:column;gap:6px;align-items:flex-start}.hero-swiper,.hero-swiper .swiper-slide{min-height:340px}.slide-content{padding:30px 24px;max-width:100%;text-align:center}.slide-title{font-size:26px}.slide-text{font-size:14px}.slide-overlay{background:linear-gradient(180deg,#f97316a6,#f97316bf)}.hero-swiper .swiper-button-prev,.hero-swiper .swiper-button-next{width:40px!important;height:40px!important;background:#fff3!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.hero-swiper .swiper-button-prev{left:12px!important}.hero-swiper .swiper-button-next{right:12px!important}.hero-swiper .swiper-button-prev:before,.hero-swiper .swiper-button-next:before{width:9px!important;height:9px!important;border-width:2.5px!important}.hero-swiper .swiper-pagination{bottom:12px!important}.back-to-top,button[aria-label="Back to top"]{bottom:20px!important;right:20px!important;width:48px!important;height:48px!important}.btn{width:100%}.card-grid{grid-template-columns:1fr;gap:16px}.card-grid .card{width:100%;max-width:100%}.footer-grid{grid-template-columns:1fr}.video-section{display:flex;flex-direction:column;gap:20px}.video-section>.video-frame{order:1;width:100%}.video-section>.video-text{order:2;width:100%;text-align:center}.section-title{font-size:20px}.hero-grid{display:flex;flex-direction:column;gap:20px;margin-top:20px}.hero-grid>.hero-swiper,.hero-grid>.hero-slider{order:1;width:100%}.hero-grid>.widgets{order:2;width:100%}.widgets{gap:16px}.widget-card{padding:16px;border-radius:16px}.widget-head{font-size:14px;margin-bottom:12px}.prayer-card-wave{padding:16px!important}.prayer-card-wave>div>div[style*="display: flex"]{margin:10px 0!important;padding:10px!important}.current-date{font-size:12px!important}.current-time{font-size:18px!important}.date-hijri{font-size:11px!important;margin-bottom:12px!important;color:var(--primary)!important;text-align:left!important}.prayer-list{display:flex;flex-direction:column;gap:4px}.prayer-item{padding:10px 12px!important;font-size:14px!important;border-radius:8px}.prayer-item.active{padding:12px!important}.widget-weather{padding:16px!important}.widget-weather .widget-head{font-size:14px!important;margin-bottom:8px!important}.widget-weather .widget-head i{width:18px!important;height:18px!important}.widget-weather>div[style*="display:flex"]{margin-top:8px!important;gap:16px}.widget-weather div[style*="font-size:28px"]{font-size:32px!important;line-height:1.2!important}.widget-weather div[style*="font-size:12px"]{font-size:13px!important;margin-top:4px!important}.widget-weather div[style*="font-size:11px"]{font-size:12px!important;line-height:1.6!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1;text-align:center;text-decoration:none;white-space:nowrap;border:2px solid transparent;border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #f9731633}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-primary:active{transform:translateY(0)}.btn-danger{background:var(--color-secondary);color:#fff}.btn-danger:hover{background:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-danger:active{transform:translateY(0)}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-outline-secondary{background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary)}.btn-outline-secondary:hover{background:var(--color-secondary);color:#fff}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:var(--color-success-dark);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:var(--color-danger-dark);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover{background:var(--color-warning-dark);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-info{background:var(--color-info);color:#fff}.btn-info:hover{background:var(--color-info-dark);transform:translateY(-2px);box-shadow:var(--shadow-button)}.btn-light{background:var(--color-gray-100);color:var(--text-primary)}.btn-light:hover{background:var(--color-gray-200)}.btn-dark{background:var(--color-gray-900);color:#fff}.btn-dark:hover{background:var(--color-gray-800)}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--color-gray-100)}.btn-link{background:transparent;color:var(--color-primary);padding:0;border:none;text-decoration:underline;text-underline-offset:2px}.btn-link:hover{color:var(--color-primary-dark);transform:none;box-shadow:none}.btn-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-md{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl)}.btn-rounded{border-radius:var(--radius-full)}.btn-square{border-radius:0}.btn-pill{border-radius:var(--radius-full);padding-left:var(--space-8);padding-right:var(--space-8)}.btn-icon{padding:var(--space-3);width:2.5rem;height:2.5rem}.btn-icon.btn-sm{padding:var(--space-2);width:2rem;height:2rem}.btn-icon.btn-lg{padding:var(--space-4);width:3rem;height:3rem}.btn .icon-left{margin-right:var(--space-2)}.btn .icon-right{margin-left:var(--space-2)}.btn-block{display:flex;width:100%}.btn-group{display:inline-flex;gap:var(--space-2)}.btn-group .btn{flex:0 0 auto}.btn-group-vertical{display:inline-flex;flex-direction:column;gap:var(--space-2)}.btn-group-attached{gap:0}.btn-group-attached .btn{border-radius:0}.btn-group-attached .btn:first-child{border-radius:var(--radius-base) 0 0 var(--radius-base)}.btn-group-attached .btn:last-child{border-radius:0 var(--radius-base) var(--radius-base) 0}.btn-group-attached .btn:not(:last-child){border-right:1px solid rgba(255,255,255,.2)}.btn-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-danger) 100%);color:#fff;border:none}.btn-gradient:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-danger-dark) 100%)}.btn-gradient-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,#1e293b 100%);color:#fff;border:none}.btn-gradient-secondary:hover{background:linear-gradient(135deg,var(--color-secondary-dark) 0%,#0f172a 100%)}.btn-loading{position:relative;pointer-events:none;opacity:.7}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;top:50%;left:50%;margin-left:-.5rem;margin-top:-.5rem;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.btn{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}}.card{background:var(--bg-card);border:none;border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);display:flex;flex-direction:column;height:100%;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-light);background:var(--bg-section)}.card-header-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card-body{padding:var(--space-6);flex-grow:1;display:flex;flex-direction:column}.card-body>.btn,.card-body>a.btn{margin-top:auto}.card-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border-light);background:var(--bg-section)}.card-img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;display:block}.card-img-top{border-radius:var(--radius-lg) var(--radius-lg) 0 0}.card-img-bottom{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.card-img-container{position:relative;width:100%;height:220px;overflow:hidden;background:var(--color-gray-100)}.card-img-container .card-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3);line-height:var(--leading-snug)}.card-title a{color:inherit;transition:color var(--transition-fast)}.card-title a:hover{color:var(--color-primary)}.card-subtitle{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-muted);margin:0 0 var(--space-4)}.card-text{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.card-text:last-child{margin-bottom:0}.card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.card-meta-item{display:flex;align-items:center;gap:var(--space-2)}.card-horizontal{flex-direction:row}.card-horizontal .card-img-container{width:40%;height:auto;min-height:200px}.card-horizontal .card-body{width:60%}.card-flat{border:none;box-shadow:var(--shadow-card)}.card-outlined{border:2px solid var(--border-base);box-shadow:none}.card-outlined:hover{border-color:var(--color-primary)}.card-elevated{border:none;box-shadow:var(--shadow-md)}.card-elevated:hover{box-shadow:var(--shadow-lg)}.card-minimal{border:none;box-shadow:none}.card-minimal:hover{transform:none;box-shadow:none;border-color:transparent}.card-overlay{position:relative;color:#fff}.card-overlay .card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.card-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#0003);z-index:1}.card-overlay .card-body{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px}.card-overlay .card-title,.card-overlay .card-text,.card-overlay .card-meta{color:#fff}.campaign-card .card-body{padding:var(--space-5)}.campaign-badge{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-base);margin-bottom:var(--space-3)}.campaign-badge.badge-urgent{background:var(--color-danger);color:#fff}.campaign-badge.badge-active{background:var(--color-success);color:#fff}.campaign-progress{margin:var(--space-4) 0}.progress-bar{width:100%;height:8px;background:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width var(--transition-slow)}.campaign-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-top:var(--space-4)}.stat-item{text-align:left}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.news-card .card-body{padding:var(--space-5)}.news-category{display:inline-block;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:#fff;border-radius:var(--radius-base);margin-bottom:var(--space-3)}.news-date{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-3)}.card-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.card-actions .btn{flex:1}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.card-grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.card-grid,.card-grid-2,.card-grid-3,.card-grid-4{grid-template-columns:1fr;gap:var(--space-5)}.card-horizontal{flex-direction:column}.card-horizontal .card-img-container{width:100%;height:200px}.card-horizontal .card-body{width:100%}.card-img-container{height:200px}}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-normal)}.form-label.required:after{content:" *";color:var(--color-danger)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-card);border:1px solid var(--border-base);border-radius:var(--radius-base);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);color:var(--text-disabled);cursor:not-allowed}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-md)}.form-input-icon{position:relative}.form-input-icon .form-input{padding-left:var(--space-10)}.form-input-icon .icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.form-textarea{min-height:120px;resize:vertical}.form-textarea-fixed{resize:none}.form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.form-check{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.form-check-input{width:1.125rem;height:1.125rem;margin-top:.125rem;border:2px solid var(--border-base);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.form-check-input[type=radio]{border-radius:50%}.form-check-input:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.form-check-input:focus{outline:none;box-shadow:0 0 0 3px #f973161a}.form-check-label{font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.form-switch input{opacity:0;width:0;height:0}.form-switch-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--color-gray-300);border-radius:var(--radius-full);transition:var(--transition-base)}.form-switch-slider:before{content:"";position:absolute;height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;border-radius:50%;transition:var(--transition-base)}.form-switch input:checked+.form-switch-slider{background-color:var(--color-primary)}.form-switch input:checked+.form-switch-slider:before{transform:translate(1.5rem)}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--color-success)}.form-input.is-valid:focus,.form-select.is-valid:focus,.form-textarea.is-valid:focus{box-shadow:0 0 0 3px #10b9811a}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--color-danger)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-feedback{margin-top:var(--space-2);font-size:var(--text-sm);line-height:var(--leading-normal)}.form-feedback-valid{color:var(--color-success)}.form-feedback-invalid{color:var(--color-danger)}.form-help{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal)}.input-group{display:flex;width:100%}.input-group .form-input{border-radius:0}.input-group .form-input:first-child{border-radius:var(--radius-base) 0 0 var(--radius-base)}.input-group .form-input:last-child{border-radius:0 var(--radius-base) var(--radius-base) 0}.input-group-prepend,.input-group-append{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);background-color:var(--color-gray-100);border:1px solid var(--border-base);white-space:nowrap}.input-group-prepend{border-right:none;border-radius:var(--radius-base) 0 0 var(--radius-base)}.input-group-append{border-left:none;border-radius:0 var(--radius-base) var(--radius-base) 0}.search-input{position:relative}.search-input .form-input{padding-left:var(--space-10);padding-right:var(--space-10)}.search-input .search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input .clear-btn{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);display:none}.search-input .form-input:not(:-moz-placeholder)~.clear-btn{display:block}.search-input .form-input:not(:placeholder-shown)~.clear-btn{display:block}.form-file{position:relative}.form-file-input{position:absolute;opacity:0;width:0;height:0}.form-file-label{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--bg-card);border:1px dashed var(--border-base);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast)}.form-file-label:hover{border-color:var(--color-primary);background-color:var(--color-gray-50)}.form-file-icon{color:var(--text-muted)}.form-file-text{font-size:var(--text-base);color:var(--text-secondary)}.form-range{width:100%;height:.5rem;padding:0;background-color:var(--color-gray-200);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range::-webkit-slider-thumb{width:1.25rem;height:1.25rem;background-color:var(--color-primary);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range::-moz-range-thumb{width:1.25rem;height:1.25rem;background-color:var(--color-primary);border:2px solid white;border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm)}.form-inline{display:flex;gap:var(--space-3);align-items:flex-end}.form-inline .form-group{margin-bottom:0;flex:1}.form-grid{display:grid;gap:var(--space-5)}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.form-inline{flex-direction:column}.form-grid-2,.form-grid-3{grid-template-columns:1fr}}.hero{position:relative;width:100%;min-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-gray-900)}.hero-content{position:relative;z-index:2;width:100%;max-width:var(--container-max-width);padding:var(--space-20) var(--container-padding);text-align:center}.hero-bg{position:relative;background-size:cover;background-position:center;background-repeat:no-repeat}.hero-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0f172ae6,#0f172ab3);z-index:1}.hero-immersive{min-height:60vh;background-attachment:fixed;color:#fff}.hero-immersive:before{background:linear-gradient(to top,#0f172af2 10%,#0f172a99 50%,#0f172a33)}.hero-immersive .hero-content{display:flex;align-items:flex-end;min-height:60vh;padding-bottom:var(--space-16)}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:#fff;border-radius:var(--radius-full);margin-bottom:var(--space-5)}.hero-title{font-family:var(--font-sans);font-size:var(--text-6xl);font-weight:var(--font-extrabold);line-height:var(--leading-tight);color:#fff;margin:0 0 var(--space-6);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:#ffffffe6;margin:0 0 var(--space-8);max-width:42rem;margin-left:auto;margin-right:auto}.hero-meta{display:flex;justify-content:center;gap:var(--space-6);flex-wrap:wrap;font-size:var(--text-sm);color:#ffffffe6}.hero-meta-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff26;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.hero-secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%)}.hero-light{background:var(--bg-section);color:var(--text-primary)}.hero-light .hero-title{color:var(--text-primary);text-shadow:none}.hero-light .hero-subtitle{color:var(--text-secondary)}.hero-minimal{background:transparent;min-height:auto;padding:var(--space-20) 0}.hero-sm{min-height:40vh}.hero-md{min-height:60vh}.hero-lg{min-height:80vh}.hero-full{min-height:100vh}.hero-video{position:relative}.hero-video-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.hero-search{max-width:42rem;margin:0 auto}.hero-search .search-input{box-shadow:var(--shadow-xl)}.hero-search .form-input{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);border-radius:var(--radius-lg)}.hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-10);padding:var(--space-8);background:#ffffff1a;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:#fff;margin-bottom:var(--space-2)}.hero-stat-label{font-size:var(--text-sm);color:#fffc;text-transform:uppercase;letter-spacing:.05em}.hero-slider{position:relative}.hero-slide{width:100%}.hero-slider-controls{position:absolute;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:10;display:flex;gap:var(--space-2)}.hero-slider-dot{width:.75rem;height:.75rem;background:#ffffff80;border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-base)}.hero-slider-dot.active{background:#fff;width:2rem;border-radius:var(--radius-full)}.banner{position:relative;padding:var(--space-12) 0;background:var(--color-gray-900);color:#fff;text-align:center}.banner-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.banner-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin:0 0 var(--space-3)}.banner-subtitle{font-size:var(--text-lg);color:#ffffffe6;margin:0}.page-header{padding:var(--space-12) 0 var(--space-8);background:var(--bg-section);border-bottom:1px solid var(--border-light)}.page-header-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.page-header-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0 0 var(--space-3)}.page-header-subtitle{font-size:var(--text-lg);color:var(--text-muted);margin:0 0 var(--space-5)}.breadcrumb{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap;font-size:var(--text-sm);color:var(--text-muted)}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-item a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--text-primary)}@media (max-width: 768px){.hero{min-height:50vh}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-md)}.hero-content{padding:var(--space-12) var(--container-padding)}.hero-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-4);padding:var(--space-6)}.hero-stat-value{font-size:var(--text-3xl)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-meta{gap:var(--space-3)}.page-header-title{font-size:var(--text-4xl)}.banner-title{font-size:var(--text-3xl)}}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-bold);line-height:1;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-base);white-space:nowrap}.badge-primary{background-color:var(--color-primary);color:#fff}.badge-secondary{background-color:var(--color-secondary);color:#fff}.badge-success{background-color:var(--color-success);color:#fff}.badge-danger{background-color:var(--color-danger);color:#fff}.badge-warning{background-color:var(--color-warning);color:#fff}.badge-info{background-color:var(--color-info);color:#fff}.badge-light{background-color:var(--color-gray-100);color:var(--text-primary)}.badge-dark{background-color:var(--color-gray-900);color:#fff}.badge-outline{background-color:transparent;border:1px solid currentColor}.badge-outline-primary{color:var(--color-primary);border-color:var(--color-primary)}.badge-outline-secondary{color:var(--color-secondary);border-color:var(--color-secondary)}.badge-outline-success{color:var(--color-success);border-color:var(--color-success)}.badge-outline-danger{color:var(--color-danger);border-color:var(--color-danger)}.badge-sm{padding:.125rem var(--space-2);font-size:.625rem}.badge-md{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.badge-pill{border-radius:var(--radius-full)}.badge-square{border-radius:0}.badge-rounded{border-radius:var(--radius-md)}.badge-icon{display:inline-flex;align-items:center;gap:var(--space-2)}.badge-icon svg,.badge-icon i{width:.875rem;height:.875rem}.badge-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.badge-dot:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background-color:currentColor}.badge-dismissible{display:inline-flex;align-items:center;gap:var(--space-2)}.badge-dismiss{background:none;border:none;color:inherit;padding:0;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.badge-dismiss:hover{opacity:1}.badge-urgent{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-dark));color:#fff;animation:pulse 2s ease-in-out infinite}.badge-active{background:var(--color-success);color:#fff}.badge-completed{background:var(--color-gray-600);color:#fff}.badge-pending{background:var(--color-warning);color:#fff}.badge-new{background:var(--color-info);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.category-badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;background:var(--color-primary);color:#fff;border-radius:var(--radius-base)}.badge-notification{position:relative}.badge-notification:after{content:"";position:absolute;top:-.25rem;right:-.25rem;width:.5rem;height:.5rem;background-color:var(--color-danger);border:2px solid white;border-radius:50%}.badge-notification-count{position:absolute;top:-.5rem;right:-.5rem;min-width:1.25rem;height:1.25rem;padding:0 var(--space-1);font-size:.625rem;font-weight:var(--font-bold);background-color:var(--color-danger);color:#fff;border:2px solid white;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.tag{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);background-color:var(--color-gray-100);color:var(--text-secondary);border-radius:var(--radius-base);transition:all var(--transition-fast)}.tag:hover{background-color:var(--color-gray-200);color:var(--text-primary)}.tag-clickable{cursor:pointer}.badge-progress{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-success);color:#fff;border-radius:var(--radius-full)}.badge-progress-icon{width:1rem;height:1rem}.badge-progress-text{font-weight:var(--font-bold);font-size:var(--text-sm)}.badge-group{display:inline-flex;gap:var(--space-2);flex-wrap:wrap}@media (max-width: 768px){.badge{font-size:.625rem;padding:.125rem var(--space-2)}.badge-lg{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal-backdrop.show{opacity:1;visibility:visible}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal.show{opacity:1;visibility:visible}.modal.show .modal-dialog{transform:scale(1);opacity:1}.modal-dialog{position:relative;width:100%;max-width:500px;max-height:90vh;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;transform:scale(.9);opacity:0;transition:all var(--transition-base)}.modal-sm .modal-dialog{max-width:400px}.modal-md .modal-dialog{max-width:500px}.modal-lg .modal-dialog{max-width:800px}.modal-xl .modal-dialog{max-width:1140px}.modal-full .modal-dialog{max-width:100%;max-height:100%;height:100vh;margin:0;border-radius:0}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border-light);flex-shrink:0}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;color:var(--text-muted);border-radius:var(--radius-base);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background-color:var(--color-gray-100);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex-grow:1}.modal-body p:last-child{margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-light);flex-shrink:0}.modal-footer .btn{margin:0}.modal-centered{text-align:center}.modal-centered .modal-body{display:flex;flex-direction:column;align-items:center}.modal-no-padding .modal-body{padding:0}.modal-image .modal-img{width:100%;height:auto;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-confirm{text-align:center}.modal-confirm .modal-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--text-3xl)}.modal-confirm.modal-danger .modal-icon{background-color:#ef44441a;color:var(--color-danger)}.modal-confirm.modal-success .modal-icon{background-color:#10b9811a;color:var(--color-success)}.modal-confirm.modal-warning .modal-icon{background-color:#f59e0b1a;color:var(--color-warning)}.ds-drawer{position:fixed;top:0;height:100vh;width:400px;background:var(--bg-card);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);transition:transform var(--transition-base)}.ds-drawer-right{right:0;transform:translate(100%)}.ds-drawer-left{left:0;transform:translate(-100%)}.ds-drawer.show{transform:translate(0)}.ds-drawer-header,.ds-drawer-body,.ds-drawer-footer{padding:var(--space-6)}.ds-drawer-header{border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.ds-drawer-body{overflow-y:auto;height:calc(100vh - 140px)}.ds-drawer-footer{border-top:1px solid var(--border-light)}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:0 -4px 24px #00000026;z-index:var(--z-modal);transform:translateY(100%);transition:transform var(--transition-base);max-height:90vh;display:flex;flex-direction:column}.bottom-sheet.show{transform:translateY(0)}.bottom-sheet-handle{width:3rem;height:.25rem;background:var(--color-gray-300);border-radius:var(--radius-full);margin:var(--space-3) auto}.bottom-sheet-header{padding:0 var(--space-6) var(--space-4);border-bottom:1px solid var(--border-light)}.bottom-sheet-body{padding:var(--space-6);overflow-y:auto;flex-grow:1}.bottom-sheet-footer{padding:var(--space-6);border-top:1px solid var(--border-light)}.tooltip{position:absolute;z-index:var(--z-tooltip);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:#fff;background-color:var(--color-gray-900);border-radius:var(--radius-base);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:opacity var(--transition-fast)}.tooltip.show{opacity:1}.tooltip-arrow{position:absolute;width:.5rem;height:.5rem;background-color:var(--color-gray-900);transform:rotate(45deg)}.tooltip-top{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2)}.tooltip-top .tooltip-arrow{bottom:-.25rem;left:50%;transform:translate(-50%) rotate(45deg)}.tooltip-bottom{top:100%;left:50%;transform:translate(-50%);margin-top:var(--space-2)}.tooltip-bottom .tooltip-arrow{top:-.25rem;left:50%;transform:translate(-50%) rotate(45deg)}.popover{position:absolute;z-index:var(--z-popover);max-width:300px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.popover.show{opacity:1;visibility:visible}.popover-header{padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);border-bottom:1px solid var(--border-light)}.popover-body{padding:var(--space-4);font-size:var(--text-sm)}@media (max-width: 768px){.modal-dialog{max-width:100%;margin:var(--space-4)}.modal-lg .modal-dialog,.modal-xl .modal-dialog{max-width:100%}.ds-drawer{width:85vw;max-width:400px}.modal-footer{flex-direction:column;gap:var(--space-3)}.modal-footer .btn{width:100%}}.section-wrapper{padding:var(--section-padding-y) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0 0 var(--space-4);line-height:var(--leading-tight)}.section-subtitle{font-size:var(--text-lg);color:var(--text-muted);max-width:42rem;margin:0 auto;line-height:var(--leading-relaxed)}.campaign-section{background:var(--bg-body)}.campaign-tabs{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.campaign-tab{padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-muted);background:transparent;border:2px solid var(--border-base);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.campaign-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.campaign-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.stats-section{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-dark) 100%);color:#fff;position:relative;overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);position:relative;z-index:2}.stat-card{text-align:center;padding:var(--space-6)}.stat-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:var(--radius-lg);font-size:var(--text-3xl);color:var(--color-primary)}.stat-number{font-size:var(--text-6xl);font-weight:var(--font-extrabold);line-height:1;margin-bottom:var(--space-2);background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:var(--text-base);color:#fffc}.testimonial-section{background:var(--bg-section)}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.testimonial-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base)}.testimonial-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.testimonial-quote{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);margin-bottom:var(--space-6);position:relative}.testimonial-quote:before{content:'"';font-size:var(--text-6xl);color:var(--color-primary);opacity:.2;position:absolute;top:-var(--space-4);left:-var(--space-2)}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.testimonial-avatar{width:3.5rem;height:3.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.testimonial-info h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1)}.testimonial-info p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.cta-section{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-danger) 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-content{position:relative;z-index:2}.cta-title{font-size:var(--text-5xl);font-weight:var(--font-extrabold);margin:0 0 var(--space-4)}.cta-subtitle{font-size:var(--text-xl);margin:0 0 var(--space-8);opacity:.95}.cta-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.features-section{background:var(--bg-body)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8)}.feature-card{text-align:center;padding:var(--space-6)}.feature-icon{width:5rem;height:5rem;margin:0 auto var(--space-5);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-lg);font-size:var(--text-4xl);color:#fff;box-shadow:var(--shadow-md)}.feature-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3)}.feature-description{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.partners-section{background:var(--bg-section)}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);align-items:center}.partner-logo{display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:#fff;border-radius:var(--radius-lg);transition:all var(--transition-base)}.partner-logo img{max-width:100%;height:auto;max-height:60px;filter:grayscale(100%);opacity:.7;transition:all var(--transition-base)}.partner-logo:hover img{filter:grayscale(0%);opacity:1}.news-section{background:var(--bg-body)}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-10)}.news-header .section-title{margin:0;text-align:left}.donation-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.donation-method-card{background:#fff;padding:var(--space-8);border:2px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);cursor:pointer}.donation-method-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.donation-method-icon{width:4rem;height:4rem;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-lg);font-size:var(--text-3xl);color:var(--color-primary)}.donation-method-title{font-size:var(--text-lg);font-weight:var(--font-bold);margin:0 0 var(--space-2)}.donation-method-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0}@media (max-width: 768px){.section-title{font-size:var(--text-4xl)}.section-subtitle{font-size:var(--text-base)}.stats-grid,.features-grid{grid-template-columns:1fr;gap:var(--space-6)}.stat-number{font-size:var(--text-5xl)}.campaign-tabs{flex-direction:column}.campaign-tab{width:100%}.cta-title{font-size:var(--text-4xl)}.cta-subtitle{font-size:var(--text-lg)}.cta-actions{flex-direction:column}.cta-actions .btn{width:100%}.news-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.partners-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}.footer-wave-bg{position:relative;background:linear-gradient(135deg,#6b6d6f,#757575,#282829);padding:40px 0 20px;font-size:14px;overflow:hidden}.footer-wave-container{position:absolute;top:0;left:0;width:140%;height:170%;z-index:1;overflow:hidden;opacity:.7;filter:drop-shadow(0 2px 6px rgba(255,255,255,.2))}.wave-footer-1{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(148, 163, 184, 0.3)' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-position:bottom;animation:waveFooter 20s ease-in-out infinite;opacity:1;filter:drop-shadow(0 2px 4px rgba(255,255,255,.1))}.wave-footer-2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(100, 116, 139, 0.25)' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-position:bottom;animation:waveFooter 25s ease-in-out infinite reverse;opacity:1;filter:drop-shadow(0 2px 4px rgba(255,255,255,.08))}.wave-footer-3{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(71, 85, 105, 0.2)' d='M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,218.7C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:100% 100%;background-position:bottom;animation:waveFooter 30s ease-in-out infinite;opacity:1;filter:drop-shadow(0 2px 4px rgba(255,255,255,.06))}@keyframes waveFooter{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-12%) translateY(-5px)}}.footer-wave-bg:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.footer-link:hover{color:var(--primary);padding-left:4px}.footer-wave-bg a.text-gray-300:hover{color:#fb923c!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}.footer-wave-bg a.text-gray-300:hover i{color:#fb923c!important}.footer-wave-bg a.text-gray-300{transition:all .2s ease}.footer-wave-bg a.bg-white\/10:hover,.footer-wave-bg a.hover\:bg-orange-500:hover,.footer-wave-bg a.bg-white\/10:hover i,.footer-wave-bg a.hover\:bg-orange-500:hover i{color:#fff!important}.copyright{border-top:1px solid #e2e8f0;padding-top:16px;text-align:center;font-size:12px;color:#64748b}.back-to-top,button[aria-label="Back to top"]{position:fixed!important;bottom:32px!important;right:32px!important;width:52px!important;height:52px!important;background:linear-gradient(135deg,#f97316,#ea580c)!important;border:none!important;border-radius:50%!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;box-shadow:0 4px 16px #f9731666,0 8px 24px #f9731633!important;z-index:9999!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;opacity:0!important;visibility:hidden!important;transform:translateY(20px) scale(.8)!important}.back-to-top.show{opacity:1!important;visibility:visible!important;transform:translateY(0) scale(1)!important}.back-to-top:hover,button[aria-label="Back to top"]:hover{background:linear-gradient(135deg,#ea580c,#c2410c)!important;box-shadow:0 6px 20px #f9731680,0 10px 32px #f973164d!important;transform:translateY(-4px) scale(1.05)!important}.back-to-top:active,button[aria-label="Back to top"]:active{transform:translateY(-2px) scale(.95)!important}.back-to-top i,.back-to-top svg,button[aria-label="Back to top"] i,button[aria-label="Back to top"] svg{width:22px!important;height:22px!important;color:#fff!important;stroke:#fff!important;fill:none!important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:all .3s ease}.back-to-top:hover i,.back-to-top:hover svg,button[aria-label="Back to top"]:hover i,button[aria-label="Back to top"]:hover svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transform:translateY(-1px)}.spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-md{width:40px;height:40px;border-width:3px}.spinner-lg{width:60px;height:60px;border-width:4px}.spinner-xl{width:80px;height:80px;border-width:5px}.spinner-primary{border-top-color:var(--color-primary)}.spinner-secondary{border-top-color:var(--color-secondary)}.spinner-white{border-color:#ffffff4d;border-top-color:#fff}.spinner-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.spinner-label{font-size:var(--text-sm);color:var(--text-secondary)}.spinner-dots{display:inline-flex;gap:6px}.spinner-dots span{width:10px;height:10px;border-radius:50%;background:var(--color-primary);animation:pulse 1.4s ease-in-out infinite}.spinner-dots span:nth-child(1){animation-delay:0s}.spinner-dots span:nth-child(2){animation-delay:.2s}.spinner-dots span:nth-child(3){animation-delay:.4s}.spinner-bars{display:inline-flex;gap:4px;align-items:center;height:30px}.spinner-bars span{width:4px;height:100%;background:var(--color-primary);border-radius:2px;animation:barHeight 1.2s ease-in-out infinite}.spinner-bars span:nth-child(1){animation-delay:0s}.spinner-bars span:nth-child(2){animation-delay:.15s}.spinner-bars span:nth-child(3){animation-delay:.3s}.spinner-bars span:nth-child(4){animation-delay:.45s}@keyframes barHeight{0%,to{height:30%}50%{height:100%}}.spinner-pulse{width:40px;height:40px;border-radius:50%;background:var(--color-primary);animation:spinnerPulse 1.5s ease-in-out infinite}@keyframes spinnerPulse{0%,to{transform:scale(.5);opacity:.5}50%{transform:scale(1);opacity:1}}.spinner-ring{display:inline-block;width:40px;height:40px;position:relative}.spinner-ring:after{content:"";display:block;width:100%;height:100%;border:3px solid var(--color-primary);border-radius:50%;animation:ripple 1.2s cubic-bezier(0,.2,.8,1) infinite}.skeleton{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;border-radius:var(--radius-sm)}.skeleton-title{height:1.5em;width:60%;border-radius:var(--radius-sm)}.skeleton-paragraph{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-paragraph .skeleton-text:last-child{width:80%}.skeleton-avatar{width:48px;height:48px;border-radius:50%}.skeleton-avatar-sm{width:32px;height:32px}.skeleton-avatar-lg{width:64px;height:64px}.skeleton-rectangle{width:100%;height:200px}.skeleton-square{width:100%;aspect-ratio:1}.skeleton-circle{width:100px;height:100px;border-radius:50%}.skeleton-card{padding:var(--space-6);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.skeleton-card-img{height:200px;border-radius:var(--radius-md);margin-bottom:var(--space-4)}.skeleton-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-list-item{display:flex;gap:var(--space-4);align-items:center}.skeleton-list-item-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-campaign{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.skeleton-campaign-image{height:200px}.skeleton-campaign-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.skeleton-campaign-progress{height:8px;border-radius:var(--radius-full)}.skeleton-campaign-stats{display:flex;justify-content:space-between;gap:var(--space-4)}.skeleton-campaign-button{height:44px;border-radius:var(--radius-md)}.progress{width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;position:relative}.progress-bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-normal) ease-out;position:relative;overflow:hidden}.progress-sm{height:4px}.progress-md{height:8px}.progress-lg{height:12px}.progress-xl{height:16px}.progress-bar-primary{background:var(--color-primary)}.progress-bar-success{background:var(--color-success)}.progress-bar-warning{background:var(--color-warning)}.progress-bar-danger{background:var(--color-danger)}.progress-bar-info{background:var(--color-info)}.progress-bar-gradient{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px}.progress-bar-animated{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:progressStripes 1s linear infinite}@keyframes progressStripes{0%{background-position:0 0}to{background-position:20px 0}}.progress-with-label{display:flex;align-items:center;gap:var(--space-4)}.progress-label{min-width:40px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.circular-progress{width:80px;height:80px;border-radius:50%;background:conic-gradient(var(--color-primary) 0deg,var(--bg-secondary) 0deg);display:flex;align-items:center;justify-content:center;position:relative}.circular-progress:before{content:"";width:70%;height:70%;background:#fff;border-radius:50%;position:absolute}.circular-progress-label{position:relative;z-index:1;font-weight:var(--font-bold);color:var(--text-primary)}.progress-indeterminate .progress-bar{width:30%!important;animation:indeterminateProgress 1.5s ease-in-out infinite}@keyframes indeterminateProgress{0%{transform:translate(-100%)}to{transform:translate(400%)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.loading-overlay-dark{background:#000c}.loading-overlay-content{text-align:center}.btn.is-loading{position:relative;color:transparent!important;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.btn.is-loading.btn-sm:after{width:14px;height:14px;margin:-7px 0 0 -7px}.btn.is-loading.btn-lg:after{width:20px;height:20px;margin:-10px 0 0 -10px}.form-input.is-loading{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:20px;animation:spin 1s linear infinite}.lazy-load{opacity:0;transition:opacity .3s ease-out}.lazy-load.is-loaded{opacity:1}.img-placeholder{background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.img-placeholder:before{content:"📷";font-size:48px}.pulse-loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.toast-container{position:fixed;z-index:var(--z-toast);pointer-events:none}.toast-container-top-right{top:var(--space-6);right:var(--space-6)}.toast-container-top-left{top:var(--space-6);left:var(--space-6)}.toast-container-top-center{top:var(--space-6);left:50%;transform:translate(-50%)}.toast-container-bottom-right{bottom:var(--space-6);right:var(--space-6)}.toast-container-bottom-left{bottom:var(--space-6);left:var(--space-6)}.toast-container-bottom-center{bottom:var(--space-6);left:50%;transform:translate(-50%)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:320px;max-width:480px;pointer-events:auto;margin-bottom:var(--space-3);animation:slideInRight var(--transition-normal) ease-out;border-left:4px solid var(--color-primary)}.toast-success{border-left-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning{border-left-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-left-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-icon svg{width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-size:var(--text-base)}.toast-message{color:var(--text-secondary);font-size:var(--text-sm);margin:0;line-height:1.5}.toast-close{flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.toast-close svg{width:16px;height:16px}.toast-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2)}.toast-action{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.toast-action-primary{background:var(--color-primary);color:#fff}.toast-action-primary:hover{background:var(--color-primary-dark)}.toast-action-secondary{background:var(--bg-secondary);color:var(--text-primary)}.toast-action-secondary:hover{background:var(--bg-tertiary)}.toast-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--bg-secondary);border-radius:0 0 var(--radius-lg) var(--radius-lg);overflow:hidden}.toast-progress-bar{height:100%;background:var(--color-primary);animation:toastProgress 3s linear}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-enter{animation:slideInRight .3s ease-out}.toast-exit{animation:slideOutRight .3s ease-out}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid transparent;display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.alert-primary{background:#f973161a;border-color:#f973164d;color:#c2410c}.alert-primary .alert-icon{color:var(--color-primary)}.alert-success{background:#10b9811a;border-color:#10b9814d;color:#047857}.alert-success .alert-icon{color:var(--color-success)}.alert-error{background:#ef44441a;border-color:#ef44444d;color:#b91c1c}.alert-error .alert-icon{color:var(--color-danger)}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#b45309}.alert-warning .alert-icon{color:var(--color-warning)}.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:#1e40af}.alert-info .alert-icon{color:var(--color-info)}.alert-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.alert-icon svg{width:20px;height:20px}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-semibold);margin:0 0 var(--space-1) 0;font-size:var(--text-base)}.alert-message{margin:0;font-size:var(--text-sm);line-height:1.6}.alert-close{flex-shrink:0;width:24px;height:24px;padding:0;border:none;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:.6}.alert-close:hover{opacity:1}.alert-close svg{width:16px;height:16px}.alert-actions{margin-top:var(--space-3);display:flex;gap:var(--space-2)}.alert-action{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid currentColor;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-fast)}.alert-action:hover{background:currentColor;color:#fff}.alert-solid{color:#fff;border:none}.alert-solid.alert-primary{background:var(--color-primary)}.alert-solid.alert-success{background:var(--color-success)}.alert-solid.alert-error{background:var(--color-danger)}.alert-solid.alert-warning{background:var(--color-warning)}.alert-solid.alert-info{background:var(--color-info)}.alert-solid .alert-icon,.alert-solid .alert-title,.alert-solid .alert-message{color:#fff}.alert-minimal{background:transparent;border:none;padding-left:var(--space-10);position:relative}.alert-minimal .alert-icon{position:absolute;left:0;top:0}.banner{padding:var(--space-4);background:var(--color-primary);color:#fff;text-align:center;position:relative}.banner-message{margin:0;font-size:var(--text-base);font-weight:var(--font-medium)}.banner-link{color:#fff;text-decoration:underline;margin-left:var(--space-2)}.banner-close{position:absolute;top:50%;right:var(--space-4);transform:translateY(-50%);width:24px;height:24px;padding:0;border:none;background:#fff3;color:#fff;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast)}.banner-close:hover{background:#ffffff4d}.banner-close svg{width:16px;height:16px}.banner-success{background:var(--color-success)}.banner-warning{background:var(--color-warning)}.banner-error{background:var(--color-danger)}.banner-info{background:var(--color-info)}.snackbar{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--color-secondary);color:#fff;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:var(--space-4);z-index:var(--z-toast);animation:slideInUp var(--transition-normal) ease-out}.snackbar-message{font-size:var(--text-base)}.snackbar-action{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-semibold);background:#fff3;color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.snackbar-action:hover{background:#ffffff4d}.notification-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--color-danger);border:2px solid white;border-radius:50%}.notification-dot-pulse{animation:pulse 2s ease-in-out infinite}.notification-counter{position:absolute;top:-8px;right:-8px;min-width:20px;height:20px;padding:0 6px;background:var(--color-danger);color:#fff;font-size:11px;font-weight:var(--font-bold);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;border:2px solid white}.empty-state{text-align:center;padding:var(--space-16) var(--space-8);color:var(--text-secondary)}.empty-state-icon{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--text-muted);opacity:.5}.empty-state-icon svg{width:100%;height:100%}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-message{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6) 0;max-width:400px;margin-left:auto;margin-right:auto}.empty-state-action{margin-top:var(--space-4)}.callout{padding:var(--space-5);border-left:4px solid var(--color-primary);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.callout-title{font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-size:var(--text-base)}.callout-content{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.6}.callout-success{border-left-color:var(--color-success);background:#10b9810d}.callout-warning{border-left-color:var(--color-warning);background:#f59e0b0d}.callout-error{border-left-color:var(--color-danger);background:#ef44440d}.callout-info{border-left-color:var(--color-info);background:#3b82f60d}.dropdown{position:relative;display:inline-block}.dropdown-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base);color:var(--text-primary)}.dropdown-toggle:hover,.dropdown-toggle[aria-expanded=true]{border-color:var(--color-primary);background:var(--bg-secondary)}.dropdown-toggle-icon{width:16px;height:16px;transition:transform var(--transition-fast)}.dropdown-toggle[aria-expanded=true] .dropdown-toggle-icon{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:var(--space-2);min-width:200px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);display:none;animation:slideInDown .2s ease-out}.dropdown-menu.show{display:block}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-center{left:50%;transform:translate(-50%)}.dropdown-menu-up{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--space-2)}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-size:var(--text-base);border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--bg-secondary);color:var(--color-primary)}.dropdown-item.active{background:#f973161a;color:var(--color-primary);font-weight:var(--font-medium)}.dropdown-item.disabled{opacity:.5;pointer-events:none}.dropdown-item-icon{width:20px;height:20px;flex-shrink:0}.dropdown-item-icon svg{width:100%;height:100%}.dropdown-item-text{flex:1}.dropdown-item-badge{margin-left:auto}.dropdown-divider{height:1px;background:var(--border-color);margin:var(--space-2) 0}.dropdown-header{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.select-dropdown{position:relative;width:100%}.select-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-base)}.select-dropdown-toggle:hover{border-color:var(--color-primary)}.select-dropdown-toggle:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161a}.select-dropdown-placeholder{color:var(--text-muted)}.select-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-2);background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:var(--z-dropdown);display:none}.select-dropdown-menu.show{display:block;animation:slideInDown .2s ease-out}.select-dropdown-search{padding:var(--space-3);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:#fff;z-index:1}.select-dropdown-search input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm)}.select-dropdown-search input:focus{outline:none;border-color:var(--color-primary)}.select-dropdown-option{padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.select-dropdown-option:hover{background:var(--bg-secondary)}.select-dropdown-option.selected{background:#f973161a;color:var(--color-primary);font-weight:var(--font-medium)}.context-menu{position:fixed;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-2);z-index:var(--z-modal);min-width:200px;display:none;animation:scaleIn .15s ease-out}.context-menu.show{display:block}.nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-1)}.nav-menu-vertical{flex-direction:column}.nav-menu-horizontal{flex-direction:row}.nav-item{position:relative}.nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:var(--text-base);font-weight:var(--font-medium)}.nav-link:hover{background:var(--bg-secondary);color:var(--color-primary)}.nav-link.active{background:#f973161a;color:var(--color-primary)}.nav-link-icon{width:20px;height:20px}.nav-link-icon svg{width:100%;height:100%}.nav-item-submenu{position:relative}.nav-submenu{position:absolute;top:100%;left:0;margin-top:var(--space-2);min-width:200px;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);display:none;list-style:none}.nav-item-submenu:hover .nav-submenu{display:block;animation:slideInDown .2s ease-out}.nav-submenu .nav-link{width:100%}.nav-menu-vertical .nav-submenu{top:0;left:100%;margin-top:0;margin-left:var(--space-2)}.mega-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-8);margin-top:var(--space-2);z-index:var(--z-dropdown);display:none}.mega-menu.show{display:block;animation:slideInDown .2s ease-out}.mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.mega-menu-column{display:flex;flex-direction:column;gap:var(--space-2)}.mega-menu-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3);font-size:var(--text-base)}.mega-menu-link{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.mega-menu-link:hover{background:var(--bg-secondary)}.mega-menu-link-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#f973161a;border-radius:var(--radius-md);color:var(--color-primary)}.mega-menu-link-content{flex:1}.mega-menu-link-title{font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-1)}.mega-menu-link-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.breadcrumb-menu{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;list-style:none;margin:0;padding:0}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-item.active{color:var(--text-primary);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--text-muted)}.tabs{border-bottom:2px solid var(--border-color)}.tabs-list{display:flex;gap:var(--space-1);list-style:none;margin:0;padding:0}.tab-item{position:relative}.tab-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);color:var(--text-secondary);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;background:none;border-top:none;border-left:none;border-right:none}.tab-link:hover,.tab-link.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-link-icon{width:18px;height:18px}.tab-content{padding:var(--space-6) 0}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeIn .3s ease-out}.tabs-pills .tabs-list{border:none}.tabs-pills .tab-link{border:none;border-radius:var(--radius-md);margin-bottom:0}.tabs-pills .tab-link.active{background:var(--color-primary);color:#fff}.tabs-vertical{display:flex;gap:var(--space-6);border-bottom:none}.tabs-vertical .tabs-list{flex-direction:column;border-bottom:none;border-right:2px solid var(--border-color)}.tabs-vertical .tab-link{border-bottom:none;border-right:2px solid transparent;margin-bottom:0;margin-right:-2px}.tabs-vertical .tab-link.active{border-right-color:var(--color-primary)}.accordion{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.accordion-item{border-bottom:1px solid var(--border-color)}.accordion-item:last-child{border-bottom:none}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:#fff;border:none;cursor:pointer;transition:background var(--transition-fast);text-align:left;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.accordion-header:hover{background:var(--bg-secondary)}.accordion-header.active{color:var(--color-primary)}.accordion-icon{width:20px;height:20px;transition:transform var(--transition-fast);flex-shrink:0}.accordion-header.active .accordion-icon{transform:rotate(180deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height var(--transition-normal) ease-out}.accordion-content.show{max-height:1000px}.accordion-body{padding:0 var(--space-5) var(--space-5);color:var(--text-secondary);line-height:1.6}.el-overlay-1{position:relative;overflow:hidden;cursor:pointer}.el-overlay-1 img{display:block;position:relative;width:100%;height:auto;transition:all .4s linear}.el-overlay-1:hover img{transform:scale(1.1)}.el-overlay{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0;opacity:0;background-color:#000000b3;transition:all .4s ease-in-out}.el-overlay.scrl-up{top:100%;height:0}.el-overlay-1:hover .el-overlay{opacity:1}.el-overlay-1:hover .el-overlay.scrl-up{top:0;height:100%}.el-overlay .el-info{text-decoration:none;display:inline-block;text-transform:uppercase;color:#fff;background-color:transparent;opacity:0;transition:all .2s ease-in-out;padding:0;margin:auto;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);list-style:none;text-align:center}.el-overlay-1:hover .el-info{opacity:1}.el-overlay .el-info>li{list-style:none;display:inline-block;margin:0 3px}.el-overlay .el-info>li a{display:inline-flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;background:#ffffff26;border:1px solid rgba(255,255,255,.8);border-radius:50%!important;color:#fff;transition:all .3s ease;text-decoration:none;flex-shrink:0;position:relative;aspect-ratio:1 / 1;padding:0!important}.el-overlay .el-info>li a:hover{background:var(--primary);border-color:var(--primary);transform:scale(1.1)}.el-overlay .el-info>li a i{width:18px!important;height:18px!important;font-size:18px!important;line-height:1!important;color:#fff!important;stroke:#fff!important;stroke-width:2.5!important;display:flex!important;align-items:center!important;justify-content:center!important}.el-overlay .el-info>li a svg{width:22px!important;height:22px!important;color:#fff!important;stroke:#fff!important;stroke-width:2.5!important;fill:none!important}.topbar{background:var(--secondary);color:#cbd5e1;font-size:12px;padding:8px 0;border-bottom:1px solid #1e293b}.topbar-inner{display:flex;justify-content:space-between;align-items:center}.topbar-contact{display:flex;gap:16px;align-items:center}.user-links{display:flex;gap:12px;align-items:center}.user-links a{color:#fff;font-weight:500;transition:.2s}.user-links a:hover{color:var(--primary)}.user-links .btn-register{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;padding:4px 12px;border-radius:6px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #f973164d;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-links .btn-register:hover{background:linear-gradient(135deg,var(--primary-dark),#c2410c);box-shadow:0 4px 12px #f9731666;transform:translateY(-1px);color:#fff}header{position:sticky;top:0;z-index:100;transition:all .3s cubic-bezier(.4,0,.2,1)}.header-top{background:#fffffff2;box-shadow:0 1px 3px #0000000d}.header-scrolled{background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px #00000014,inset 0 1px #fffc;border-bottom:1px solid rgba(255,255,255,.3)}.header-scrolled .logo img,.header-scrolled .logo-icon{transform:scale(.9);transition:transform .3s ease}.nav-inner{height:56px;display:flex;justify-content:space-between;align-items:center;position:relative}.logo{display:flex;gap:10px;align-items:center}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:18px}.logo-text h1{margin:0;font-size:18px;font-weight:800;color:var(--secondary);letter-spacing:-.5px}.logo-text span{font-size:11px;color:var(--text-muted);display:block}.menu{display:flex;gap:24px;font-size:14px;font-weight:500}.menu a:hover,.menu a.active{color:var(--primary)}.nav-actions{display:flex;gap:10px;align-items:center}.hamburger{display:none;width:32px;height:32px;border-radius:999px;border:1px solid #e2e8f0;align-items:center;justify-content:center;cursor:pointer;background:#fff}.hamburger span{width:16px;height:2px;background:#0f172a;position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0;width:16px;height:2px;background:#0f172a}.hamburger span:before{top:-5px}.hamburger span:after{top:5px}.mobile-menu-glass{border-top:1px solid rgba(226,232,240,.5);background:#ffffffe6;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff80}.mobile-menu-glass nav a,.mobile-menu-glass nav button{transform-origin:left center;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-menu-glass nav a:active,.mobile-menu-glass nav button:active{transform:scale(.98) translate(2px)}.mobile-menu-glass [x-collapse] a{position:relative;padding-left:2.5rem}.mobile-menu-glass [x-collapse] a:before{content:"";position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:all .3s ease;z-index:90}.drawer{position:fixed;top:0;right:-280px;width:280px;height:100vh;background:#fffffff2;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:-4px 0 24px #0f172a26;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:99}.drawer.open{right:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer a{padding:12px 16px;font-size:15px;border-radius:8px;transition:all .2s}.drawer a:hover{background:#f973161a;transform:translate(4px)}.marquee-wrap{background:var(--secondary);color:#e5e7eb;display:flex;align-items:center;overflow:hidden;height:40px;position:relative}.marquee-label{background:var(--primary);padding:0 16px;font-size:12px;font-weight:700;display:flex;align-items:center;height:40px;flex-shrink:0;z-index:2;position:relative}.marquee-content{display:flex;white-space:nowrap;animation:marquee 45s linear infinite;font-size:13px;padding-left:100px;will-change:transform}.marquee-wrap:hover .marquee-content{animation-play-state:paused}.marquee-item{padding-right:80px;display:flex;align-items:center;gap:8px;flex-shrink:0}.dot{width:6px;height:6px;border-radius:50%;background:var(--primary);display:inline-block;flex-shrink:0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.container{margin:0 auto;padding:0 60px}@media (max-width: 768px){.container{padding:0 24px}}.hero-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:24px;margin-top:24px}.hero-slider{background:radial-gradient(circle at top right,#fff7ed,#fff);border-radius:16px;padding:40px;min-height:320px;box-shadow:var(--shadow);border:1px solid #fed7aa;display:flex;flex-direction:column;justify-content:center}.hero-swiper{width:100%;height:100%;min-height:320px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);position:relative}.hero-swiper .swiper-slide{position:relative;width:100%;height:100%;min-height:320px;display:flex;align-items:center;background:radial-gradient(circle at top right,#fff7ed,#fff)}.slide-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f97316bf,#f9731680,#f9731633);z-index:2}.slide-pattern-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.wave-pattern{position:absolute;bottom:0;left:0;width:183%;height:168%;opacity:.35;filter:drop-shadow(0 2px 6px rgba(255,255,255,.2))}.wave-1{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.35)' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave 15s ease-in-out infinite}.wave-2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.25)' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave 20s ease-in-out infinite reverse}.wave-3{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.2)' d='M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,218.7C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave 25s ease-in-out infinite}@keyframes wave{0%,to{transform:translate(0) translateY(0)}50%{transform:translate(-25%) translateY(-10px)}}.slide-content{position:relative;z-index:3;padding:40px;max-width:700px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.slide-content.has-image,.slide-content.no-image{color:#fff}.slide-tag{display:inline-block;background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);color:#fff;padding:6px 14px;border-radius:999px;font-size:11px;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.slide-title-glass{background:#ffffff26;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:20px 28px;margin-bottom:16px;box-shadow:0 8px 32px #00000026,inset 0 1px #ffffff4d}.slide-title{font-size:32px;font-weight:800;line-height:1.3;margin:0;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.15)}.slide-text{font-size:15px;line-height:1.6;margin-bottom:20px;opacity:.95;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.2)}.slide-actions{display:flex;gap:10px;flex-wrap:wrap}.slide-actions .btn-primary{padding:10px 24px;font-size:14px;font-weight:600;box-shadow:0 4px 12px #00000040,0 2px 6px #f973164d;border:1.5px solid rgba(255,255,255,.9);text-shadow:0 1px 2px rgba(0,0,0,.2)}.slide-actions .btn-primary:hover{box-shadow:0 6px 16px #00000059,0 3px 8px #f9731680;border-color:#fff;transform:translateY(-2px) scale(1.02)}.hero-swiper .swiper-button-prev,.hero-swiper .swiper-button-next,.featured-articles-swiper .swiper-button-prev,.featured-articles-swiper .swiper-button-next{position:absolute!important;width:48px!important;height:48px!important;background:#ffffff26!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:50%!important;box-shadow:0 4px 16px #0000001a,0 8px 32px #00000014,inset 0 1px 1px #fff6!important;z-index:100!important;cursor:pointer!important;margin-top:0!important;top:50%!important;opacity:0!important;visibility:hidden!important;transform:translateY(-50%) scale(.9)!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important}.hero-swiper:hover .swiper-button-prev,.hero-swiper:hover .swiper-button-next,.featured-articles-swiper:hover .swiper-button-prev,.featured-articles-swiper:hover .swiper-button-next{opacity:1!important;visibility:visible!important;transform:translateY(-50%) scale(1)!important}.hero-swiper .swiper-button-prev:hover,.hero-swiper .swiper-button-next:hover,.featured-articles-swiper .swiper-button-prev:hover,.featured-articles-swiper .swiper-button-next:hover{background:#ffffff40!important;border-color:#ffffff80!important;box-shadow:0 6px 20px #00000026,0 10px 40px #0000001a,inset 0 1px 2px #ffffff80!important;transform:translateY(-50%) scale(1.08)!important}.hero-swiper .swiper-button-prev,.featured-articles-swiper .swiper-button-prev{left:16px!important}.hero-swiper .swiper-button-next,.featured-articles-swiper .swiper-button-next{right:16px!important}.hero-swiper .swiper-button-prev:after,.hero-swiper .swiper-button-next:after,.featured-articles-swiper .swiper-button-prev:after,.featured-articles-swiper .swiper-button-next:after{content:""!important;display:none!important;visibility:hidden!important;opacity:0!important}.hero-swiper .swiper-button-prev svg,.hero-swiper .swiper-button-next svg,.hero-swiper .swiper-button-prev .swiper-button-icon,.hero-swiper .swiper-button-next .swiper-button-icon,.hero-swiper .swiper-navigation-icon,.featured-articles-swiper .swiper-button-prev svg,.featured-articles-swiper .swiper-button-next svg,.featured-articles-swiper .swiper-button-prev .swiper-button-icon,.featured-articles-swiper .swiper-button-next .swiper-button-icon,.featured-articles-swiper .swiper-navigation-icon{display:none!important;visibility:hidden!important;opacity:0!important;width:0!important;height:0!important}.hero-swiper .swiper-button-prev:before,.hero-swiper .swiper-button-next:before,.featured-articles-swiper .swiper-button-prev:before,.featured-articles-swiper .swiper-button-next:before{content:""!important;position:absolute;top:50%;left:50%;width:11px;height:11px;border-left:3px solid #fff;border-top:3px solid #fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:all .3s ease}.hero-swiper .swiper-button-prev:before,.featured-articles-swiper .swiper-button-prev:before{transform:translate(-40%,-50%) rotate(-45deg)}.hero-swiper .swiper-button-next:before,.featured-articles-swiper .swiper-button-next:before{transform:translate(-60%,-50%) rotate(135deg)}.hero-swiper .swiper-button-prev:hover:before,.hero-swiper .swiper-button-next:hover:before,.featured-articles-swiper .swiper-button-prev:hover:before,.featured-articles-swiper .swiper-button-next:hover:before{border-color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hero-swiper .swiper-button-disabled,.featured-articles-swiper .swiper-button-disabled{opacity:0!important;cursor:not-allowed!important;pointer-events:none!important;background:#ffffff14!important;border-color:#ffffff26!important}.hero-swiper:hover .swiper-button-disabled,.featured-articles-swiper:hover .swiper-button-disabled{opacity:.3!important}.hero-swiper .swiper-button-disabled:hover,.featured-articles-swiper .swiper-button-disabled:hover{transform:translateY(-50%) scale(.9)!important;background:#ffffff14!important}.hero-swiper .swiper-button-disabled:before,.featured-articles-swiper .swiper-button-disabled:before{opacity:.5!important}.hero-swiper .swiper-pagination{position:absolute!important;bottom:24px!important;left:0!important;right:0!important;text-align:center!important;z-index:100!important;display:flex!important;justify-content:center!important;gap:8px!important}.hero-swiper .swiper-pagination-bullet{width:12px!important;height:12px!important;background:#ffffff80!important;opacity:1!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;cursor:pointer!important;border:2px solid transparent!important;margin:0!important}.hero-swiper .swiper-pagination-bullet:hover{background:#fffc!important;transform:scale(1.2)!important}.hero-swiper .swiper-pagination-bullet-active{width:32px!important;border-radius:6px!important;background:#fff!important;box-shadow:0 3px 12px #0006!important;border-color:#ffffff4d!important}.hero-swiper .swiper-lazy-preloader{width:42px;height:42px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff}.widgets{display:flex;flex-direction:column;gap:16px}.widget-card{background:#fff;border-radius:16px;padding:18px;box-shadow:0 4px 12px #00000014,0 2px 4px #0000000f;border:1px solid rgba(0,0,0,.05)}.widget-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:700;margin-bottom:10px}.widget-head button{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .3s ease}.widget-head button:hover{background:#f973161a}.date-hijri{font-size:11px;color:var(--primary);text-align:center;margin-bottom:10px}.prayer-item{display:flex;justify-content:space-between;padding:8px 10px;font-size:13px;border-bottom:1px solid rgba(0,0,0,.08);color:#1e293b;font-weight:500;transition:all .2s ease;position:relative}.prayer-item:last-child{border-bottom:none}.prayer-item.active{background:linear-gradient(135deg,#059669,#10b981)!important;border-left:3px solid #065f46;box-shadow:0 4px 6px -1px #0596691a,0 2px 4px -1px #0596690f;border-radius:6px;border-bottom:none;transition:all .3s ease}.prayer-item.active span{color:#fff!important;font-weight:600}.prayer-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:#fff;border-radius:0 4px 4px 0;opacity:.5}.prayer-card-wave{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff,#fefefe);box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014;border:1px solid rgba(249,115,22,.1)}.prayer-wave-pattern{position:absolute;bottom:0;left:0;width:100%;height:100%;opacity:.2;pointer-events:none;z-index:0}.prayer-wave-pattern:before{content:"";position:absolute;bottom:0;left:0;width:200%;height:80%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(249,115,22,0.15)' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave-prayer 18s ease-in-out infinite}.prayer-wave-pattern:after{content:"";position:absolute;bottom:0;left:0;width:200%;height:70%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(249,115,22,0.1)' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave-prayer 22s ease-in-out infinite reverse}@keyframes wave-prayer{0%,to{transform:translate(0)}50%{transform:translate(-25%)}}.widget-weather{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.widget-weather .widget-head{margin-bottom:4px}.weather-content{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.weather-main{display:flex;flex-direction:column}.weather-temp{font-size:28px;font-weight:700}.weather-location{font-size:12px;opacity:.9}.weather-details{font-size:11px;opacity:.9;text-align:right;line-height:1.5}.berita-widget-list{display:flex;flex-direction:column;gap:16px;margin-top:12px}.berita-widget-item{border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:16px}.berita-widget-item:last-child{border-bottom:none;padding-bottom:0}.berita-widget-link{display:flex;gap:12px;text-decoration:none;transition:all .3s ease}.berita-widget-link:hover{opacity:.8}.berita-widget-image{position:relative;width:100px;height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.berita-widget-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.berita-widget-link:hover .berita-widget-image img{transform:scale(1.05)}.berita-widget-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.berita-widget-badge{position:absolute;top:6px;left:6px;background:#10b981f2;color:#fff;padding:3px 8px;font-size:9px;font-weight:600;border-radius:4px;text-transform:uppercase}.berita-widget-content{flex:1;display:flex;flex-direction:column;gap:6px}.berita-widget-title{font-size:13px;font-weight:600;color:#1e293b;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.berita-widget-link:hover .berita-widget-title{color:#f97316}.berita-widget-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:#64748b}.berita-widget-meta span{display:flex;align-items:center;gap:4px}.berita-widget-more{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin-top:12px;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-decoration:none;border-radius:8px;font-size:13px;font-weight:600;transition:all .3s ease}.berita-widget-more:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.stats-section{background:linear-gradient(135deg,#ea580c,#f97316);color:#fff;margin-top:36px;padding:30px 0;border-radius:20px;position:relative;overflow:hidden}.stats-pattern-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.stats-wave-pattern{position:absolute;bottom:-4px;left:0;width:133%;height:100%;opacity:.3}.stats-wave-1{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,144C960,149,1056,139,1152,128C1248,117,1344,107,1392,101.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave 15s ease-in-out infinite}.stats-wave-2{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M0,192L48,197.3C96,203,192,213,288,229.3C384,245,480,267,576,250.7C672,235,768,181,864,181.3C960,181,1056,235,1152,234.7C1248,235,1344,181,1392,154.7L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave 20s ease-in-out infinite reverse}.stats-wave-3{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='rgba(255,255,255,0.4)' d='M0,224L48,213.3C96,203,192,181,288,186.7C384,192,480,224,576,218.7C672,213,768,171,864,165.3C960,160,1056,192,1152,197.3C1248,203,1344,181,1392,170.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat;background-size:cover;background-position:bottom;animation:wave 25s ease-in-out infinite}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;position:relative;z-index:2}.stat-val{font-size:28px;font-weight:800;color:#fff;margin-bottom:4px}.stat-label{font-size:14px;font-weight:600;color:#fff}.stat-sub{font-size:11px;color:#fffc;margin-top:4px}.video-section{margin-top:50px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center}.video-text h2{font-size:24px;font-weight:700;margin-bottom:12px;color:var(--secondary)}.video-text p{font-size:14px;color:var(--text-muted);margin-bottom:12px;line-height:1.7}.video-frame{border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #0000001f;background:#000;position:relative;padding-bottom:56.25%;height:0}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.program-section{margin:50px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:22px;font-weight:700;color:var(--secondary)}.section-link{color:var(--primary);font-size:14px;font-weight:600;display:flex;align-items:center;gap:4px}.section-link:hover{gap:8px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000014,0 2px 6px #0000000f;border:none;transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f,0 6px 16px #00000014}.card-img{height:200px;background:#e2e8f0;position:relative}.card-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-img-placeholder .placeholder-icon{width:60px;height:60px;color:#ffffffe6;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.card-img.cat-pendidikan{background:linear-gradient(135deg,#fca5a5,#ef4444)}.card-img.cat-lingkungan{background:linear-gradient(135deg,#86efac,#22c55e)}.card-img.cat-kemanusiaan{background:linear-gradient(135deg,#93c5fd,#3b82f6)}.card-img.cat-ekonomi{background:linear-gradient(135deg,#fcd34d,#f59e0b)}.card-img.cat-kesehatan{background:linear-gradient(135deg,#c084fc,#9333ea)}.card-cat{position:absolute;bottom:12px;right:12px;background:#0009;color:#fff;font-size:10px;padding:4px 10px;border-radius:6px;font-weight:600}.card-body{padding:16px 18px 18px;font-size:13px}.card-title{font-size:15px;font-weight:700;margin-bottom:10px;color:var(--secondary);line-height:1.4;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-title a:hover{color:var(--primary)}.progress-wrap{height:6px;border-radius:99px;background:#e5e7eb;overflow:hidden;margin:8px 0 4px}.progress-bar{height:100%;border-radius:99px;background:var(--accent);transition:width .3s}.fund-info{display:flex;justify-content:space-between;font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInDown{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(2);opacity:0}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes slideUp{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@keyframes slideDown{0%{max-height:500px;opacity:1}to{max-height:0;opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-fade-out{animation:fadeOut var(--transition-normal) ease-out}.animate-slide-in-up{animation:slideInUp var(--transition-normal) ease-out}.animate-slide-in-down{animation:slideInDown var(--transition-normal) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-normal) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-normal) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.animate-scale-out{animation:scaleOut var(--transition-normal) ease-out}.animate-bounce{animation:bounce 1s ease-in-out infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-heartbeat{animation:heartbeat 1.5s ease-in-out infinite}.animate-fast{animation-duration:var(--transition-fast)!important}.animate-slow{animation-duration:var(--transition-slow)!important}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-500{animation-delay:.5s}.animate-once{animation-iteration-count:1}.animate-infinite{animation-iteration-count:infinite}.hover-lift{transition:transform var(--transition-fast) ease-out}.hover-lift:hover{transform:translateY(-4px)}.hover-grow{transition:transform var(--transition-fast) ease-out}.hover-grow:hover{transform:scale(1.05)}.hover-shrink{transition:transform var(--transition-fast) ease-out}.hover-shrink:hover{transform:scale(.95)}.hover-rotate{transition:transform var(--transition-fast) ease-out}.hover-rotate:hover{transform:rotate(5deg)}.hover-brightness{transition:filter var(--transition-fast) ease-out}.hover-brightness:hover{filter:brightness(1.1)}.hover-shadow{transition:box-shadow var(--transition-fast) ease-out}.hover-shadow:hover{box-shadow:var(--shadow-lg)}.hover-glow{transition:box-shadow var(--transition-fast) ease-out}.hover-glow:hover{box-shadow:0 0 20px #f9731666}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}.scroll-fade{opacity:0;transition:opacity .6s ease-out}.scroll-fade.is-visible{opacity:1}.loading-dots{display:inline-flex;gap:4px}.loading-dots span{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:pulse 1.4s ease-in-out infinite}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.ripple-container{position:relative;overflow:hidden}.ripple-container:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);pointer-events:none}.ripple-container:active:after{width:300px;height:300px;opacity:0;transition:width .6s ease-out,height .6s ease-out,opacity .6s ease-out}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:1000px 100%;animation:shimmer 2s infinite}.page-transition-enter{animation:fadeIn .3s ease-out}.page-transition-exit{animation:fadeOut .3s ease-out}.animate-none{animation:none!important}.transition-none{transition:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-bounce,.animate-pulse,.animate-spin,.animate-shake,.animate-wiggle,.animate-heartbeat{animation:none!important}}.section-padding{padding:60px 0}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}@media (max-width: 768px){header .flex.items-center.justify-between{gap:8px}header a[href*=home] img,header a[href*=home]>div{max-height:32px}header button[\\000040click*=searchOpen]{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f8f9fa}header button[\\000040click*=searchOpen]:hover{background:#e9ecef}header a[href*=quick-donation]{min-width:40px;min-height:40px}header button[\\000040click*=mobileMenuOpen]{width:40px;height:40px;border-radius:8px}header button[\\000040click*=mobileMenuOpen] .absolute{top:6px;right:6px}.mobile-menu-glass{background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;margin-top:8px;box-shadow:0 8px 32px #0000001f}.mobile-menu-glass .bg-gradient-to-r.from-orange-50{box-shadow:0 2px 8px #ff6b351a}.mobile-menu-glass .grid.grid-cols-2{gap:8px}}@media (max-width: 640px){.hero-grid{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto;gap:20px;margin-top:20px}.hero-grid>.hero-swiper,.hero-grid>.hero-slider{grid-row:1;width:100%}.hero-grid>.widgets{grid-row:2;width:100%;display:flex;flex-direction:column;gap:16px}.hero-swiper,.hero-swiper .swiper-slide{min-height:340px}.slide-content{padding:30px 24px;max-width:100%;text-align:center}.slide-title{font-size:26px}.slide-text{font-size:14px}.widget-card{width:100%;padding:16px;border-radius:16px}.widget-head{font-size:14px;margin-bottom:12px}.prayer-card-wave{padding:16px!important}.prayer-card-wave>div>div[style*="display: flex"]{margin:10px 0!important;padding:10px!important}.current-date{font-size:12px!important}.current-time{font-size:18px!important}.date-hijri{font-size:11px!important;margin-bottom:12px!important;text-align:left!important}.prayer-list{display:flex;flex-direction:column;gap:4px}.prayer-item{padding:10px 12px!important;font-size:14px!important}.prayer-item.active{padding:12px!important}.widget-weather{padding:16px!important}.widget-weather .widget-head{font-size:14px!important;margin-bottom:8px!important}.widget-weather .widget-head i{width:18px!important;height:18px!important}.widget-weather>div[style*="display:flex"]{margin-top:8px!important;gap:16px}.widget-weather div[style*="font-size:28px"]{font-size:32px!important;line-height:1.2!important}.widget-weather div[style*="font-size:12px"]{font-size:13px!important;margin-top:4px!important}.widget-weather div[style*="font-size:11px"]{font-size:12px!important;line-height:1.6!important}.video-section{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto auto;gap:20px}.video-section>.video-frame{grid-row:1;width:100%}.video-section>.video-frame iframe{width:100%;height:250px;border-radius:12px}.video-section>.video-text{grid-row:2;width:100%;text-align:center}.video-text h2{font-size:20px;margin-bottom:12px}.video-text p{font-size:14px;line-height:1.6}.card-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px}.card-grid .card{width:100%;max-width:100%}.card-img{height:120px}.card-body{padding:10px}.card-title{font-size:12px;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress-wrap{height:4px!important;margin-bottom:6px}.fund-info{font-size:10px;flex-direction:column;gap:2px}.fund-info span{font-size:10px!important}.card-body .btn{padding:8px 12px!important;font-size:11px!important;margin-top:8px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article{border-radius:10px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .h-40{height:100px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .p-4{padding:10px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article h3{font-size:11px!important;line-height:1.3!important;min-height:32px!important;margin-bottom:6px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .text-xs.text-slate-500{font-size:9px!important;margin-bottom:6px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .mb-3:has(.h-2){margin-bottom:8px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .h-2{height:3px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .border-b.border-slate-100{padding-bottom:8px!important;margin-bottom:8px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .text-sm.font-bold{font-size:10px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .text-slate-500{font-size:8px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article a.bg-gradient-to-r{padding:6px 8px!important;font-size:10px!important;gap:4px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article a.bg-gradient-to-r i{width:12px!important;height:12px!important}main.lg\:col-span-3 .grid.md\:grid-cols-2>article .absolute.top-4.left-4{top:8px!important;left:8px!important;padding:4px 8px!important;font-size:8px!important}section.py-12.bg-slate-50{padding-top:20px!important;padding-bottom:20px!important}aside button.lg\:hidden{margin-bottom:12px!important}.flex.flex-col.sm\:flex-row{margin-bottom:12px!important}.flex.justify-center nav.flex{gap:4px!important;flex-wrap:wrap;justify-content:center}.flex.justify-center nav.flex>a,.flex.justify-center nav.flex>span{padding:6px 10px!important;font-size:11px!important;border-radius:6px!important}.flex.justify-center nav.flex .flex.items-center.gap-1{gap:3px!important}.flex.justify-center nav.flex .flex.items-center.gap-1>a,.flex.justify-center nav.flex .flex.items-center.gap-1>span{padding:6px 10px!important;font-size:11px!important;min-width:32px;text-align:center}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article{border-radius:10px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .h-40{height:100px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .p-4{padding:10px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article h3{font-size:11px!important;line-height:1.3!important;min-height:32px!important;margin-bottom:6px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .text-xs.text-slate-500{font-size:9px!important;margin-bottom:6px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .mb-3:has(.h-2){margin-bottom:8px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .h-2{height:3px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .border-b.border-slate-100{padding-bottom:8px!important;margin-bottom:8px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .text-sm.font-bold{font-size:10px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .text-slate-500{font-size:8px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article a.bg-gradient-to-r{padding:6px 8px!important;font-size:10px!important;gap:4px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article a.bg-gradient-to-r i{width:12px!important;height:12px!important}section.py-16.bg-slate-50 .grid.md\:grid-cols-2.lg\:grid-cols-4>article .absolute.top-4.left-4{top:8px!important;left:8px!important;padding:4px 8px!important;font-size:8px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban{border-radius:12px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .h-40{height:80px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .h-40 i{width:40px!important;height:40px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .absolute.top-3.right-3 span{padding:2px 6px!important;font-size:8px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .p-5{padding:10px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban h3{font-size:13px!important;margin-bottom:4px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .text-sm.text-gray-600{font-size:9px!important;line-height:1.3!important;margin-bottom:8px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .space-y-1\.5{margin-bottom:10px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .space-y-1\.5 .text-sm{font-size:9px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .mb-5 .text-xl{font-size:12px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .mb-5 .text-sm{font-size:9px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .text-sm.font-semibold{font-size:10px!important}section.py-12.bg-slate-50 .grid.md\:grid-cols-3>a.card-qurban .text-sm.font-semibold i{width:12px!important;height:12px!important}.featured-articles-swiper{border-radius:12px!important;overflow:hidden!important}.featured-articles-swiper .swiper-slide{height:220px!important}.featured-articles-swiper .swiper-slide a,.featured-articles-swiper .swiper-slide a.block,.featured-articles-swiper .swiper-slide .relative.block{height:220px!important;display:block!important}.featured-articles-swiper .swiper-slide img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.featured-articles-swiper .swiper-slide .absolute.bottom-0{padding:12px 16px!important;left:0!important;right:0!important}.featured-articles-swiper .swiper-slide span.bg-orange-500{font-size:9px!important;padding:2px 8px!important;margin-bottom:6px!important}.featured-articles-swiper .swiper-slide h2{font-size:13px!important;line-height:1.3!important;margin-bottom:6px!important}.featured-articles-swiper .swiper-slide .flex.flex-wrap.items-center.gap-4{display:none!important}.featured-articles-swiper .swiper-button-prev,.featured-articles-swiper .swiper-button-next{width:28px!important;height:28px!important}.featured-articles-swiper .swiper-button-prev:after,.featured-articles-swiper .swiper-button-next:after{font-size:12px!important}.featured-articles-swiper .swiper-pagination{bottom:8px!important}.news-articles-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.news-articles-grid>article{border-radius:10px!important;overflow:hidden!important}.news-articles-grid>article>a{height:100px!important;display:block!important;overflow:hidden!important}.news-articles-grid>article>a img{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important}.news-articles-grid>article>.p-4{padding:10px!important}.news-articles-grid>article .p-4>span{font-size:8px!important;padding:2px 6px!important;margin-bottom:6px!important;display:inline-block!important}.news-articles-grid>article h3{font-size:11px!important;line-height:1.3!important;margin-bottom:6px!important}.news-articles-grid>article .p-4>p.text-sm{display:none!important}.news-articles-grid>article .p-4>div.border-t{padding-top:6px!important;font-size:8px!important}.news-articles-grid>article .p-4>div.border-t i{width:10px!important;height:10px!important}.news-articles-grid>div.text-center{grid-column:1 / -1!important}.stats-grid{grid-template-columns:1fr!important;gap:20px}.stat-val{font-size:32px}.stat-label{font-size:14px}.stat-sub{font-size:12px}.btn{width:100%;padding:12px 24px;font-size:14px}.hero-swiper .swiper-button-prev,.hero-swiper .swiper-button-next{width:40px!important;height:40px!important;background:#fff3!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.hero-swiper .swiper-button-prev{left:12px!important}.hero-swiper .swiper-button-next{right:12px!important}.hero-swiper .swiper-pagination{bottom:12px!important}.section-title{font-size:20px;margin-bottom:16px}.container{padding-left:16px;padding-right:16px}section{margin-bottom:40px}section:last-of-type,section.cta-section{margin-bottom:0!important}.pilar-description .btn.btn-primary,#pilar-btn-link{width:auto!important;padding:8px 16px!important;font-size:11px!important;white-space:nowrap!important}.pilar-description>div>div[style*="display: flex"]{gap:12px!important}.pilar-icon-large{width:60px!important;height:60px!important;border-radius:12px!important}.pilar-icon-large img,#pilar-desc-icon{width:60px!important;height:60px!important}.pilar-cards{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.pilar-card{padding:12px!important;flex-direction:column!important;text-align:center!important;gap:8px!important}.pilar-card-icon{width:40px!important;height:40px!important;margin:0 auto}.pilar-card-icon img{width:28px!important;height:28px!important}.pilar-card-content h4{font-size:13px!important}.pilar-card-content p{font-size:11px!important}.footer-grid{grid-template-columns:1fr!important;gap:24px}footer .grid>div:nth-child(2),footer .grid>div:nth-child(3),footer .grid>div:nth-child(4){display:none!important}footer .grid>div:first-child{width:100%}.hide-mobile{display:none!important}.show-mobile{display:block!important}.back-to-top,button[aria-label="Back to top"]{bottom:20px!important;right:20px!important;width:48px!important;height:48px!important}}.skip-to-main{position:absolute;left:-9999px;z-index:999;padding:var(--space-3) var(--space-4);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-base)}.skip-to-main:focus{left:var(--space-4);top:var(--space-4)}.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}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{max-width:100%!important;page-break-inside:avoid}h2,h3{page-break-after:avoid}}