:root{--primary-color:#00B98E;--secondary-color:#1a1a2e;--accent-color:#16213e;--light-bg:#f8f9fa;--dark-bg:#1a1a2e;--dark-text:#2c3e50;--light-text:#ffffff;--bs-primary:#00B98E;--bs-dark:#1a1a2e;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:2rem;--radius-full:50%;--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 8px rgba(0, 0, 0, 0.15);--shadow-lg:0 8px 16px rgba(0, 0, 0, 0.2);--shadow-primary:0 5px 15px rgba(0, 185, 142, 0.3);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070}*,::after,::before{box-sizing:border-box}blockquote,body,dd,dl,figure,h1,h2,h3,h4,h5,h6,p{margin:0}html{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ol[role=list],ul[role=list]{list-style:none}img,picture{max-width:100%;display:block}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}.animated,.wow{animation-duration:2s!important}body{font-family:Poppins,sans-serif;color:var(--dark-text);line-height:1.6}.h1,.h2,.h3,h1,h2,h3{font-weight:700!important;font-family:Poppins,sans-serif!important;line-height:1.2;margin-bottom:1rem}.h4,.h5,.h6,h4,h5,h6{font-weight:600!important;font-family:Poppins,sans-serif!important;line-height:1.3;margin-bottom:.75rem}.text-primary{color:var(--primary-color)!important}.text-secondary{color:var(--secondary-color)!important}.text-muted{color:#6c757d!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}#spinner{opacity:0;visibility:hidden;transition:opacity .8s ease-out,visibility 0s linear .5s;z-index:99999;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center}#spinner.show{transition:opacity .8s ease-out,visibility 0s linear 0s;visibility:visible;opacity:1}.spinner-border{width:3rem;height:3rem;border-width:.3rem}.btn{font-weight:600;transition:var(--transition-slow)}.btn-square{width:38px;height:38px}.btn-sm-square{width:32px;height:32px}.btn-md-square{width:46px;height:46px}.btn-lg-square{width:58px;height:58px}.btn-lg-square,.btn-md-square,.btn-sm-square,.btn-square{padding:0;display:flex;align-items:center;justify-content:center;font-weight:400;border-radius:var(--radius-full)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border:none;padding:12px 35px;border-radius:50px;font-weight:600;transition:all var(--transition-normal);box-shadow:var(--shadow-primary);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,185,142,.4);background:linear-gradient(135deg,#00d4a1 0,var(--primary-color) 100%);color:#fff}.back-to-top{position:fixed;display:none;right:30px;bottom:30px;z-index:var(--z-fixed);border:none;outline:0;cursor:pointer;padding:0;width:50px;height:50px;border-radius:var(--radius-full);transition:all var(--transition-normal)}.back-to-top:hover{background:var(--bs-dark);color:var(--bs-primary);transform:translateY(-3px)}.hero-header{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.55)),url('../../img/hero.jpg') center center no-repeat;background-size:cover;padding:130px 0 0 0;display:flex;align-items:stretch}.hero-header>.row{flex:1 1 auto;align-items:stretch}.hero-header #heroCarousel{height:100%;overflow:hidden}.hero-header .carousel-inner,.hero-header .carousel-item{height:100%;overflow:hidden}.hero-header .col-lg-6:last-child{display:flex;align-items:flex-start;justify-content:center;padding:20px 20px 40px}.hero-header .prayer-table{margin-top:0;width:100%}@media (min-width:992px) and (max-width:1399px){.hero-header .prayer-table .prayer-table-header{padding:10px 12px 8px;gap:5px;margin-bottom:10px}.hero-header .prayer-table .prayer-table-title,.hero-header .prayer-table h3{font-size:1.15rem}.hero-header .prayer-table .live-clock-container{gap:6px;flex-wrap:nowrap}.hero-header .prayer-table .live-prayer-clock{font-size:1.75rem;letter-spacing:1px;padding:6px 12px;min-width:unset;border-radius:10px;white-space:nowrap}.hero-header .prayer-table .clock-format-toggle{padding:5px 9px;font-size:.65rem;border-radius:7px;border-bottom-width:3px}.hero-header .prayer-table .subtitle-dates{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;margin:0 8px 8px;padding:6px 10px}.hero-header .prayer-table .subtitle{font-size:.75rem}.hero-header .prayer-table .daily-prayer-rows{padding:0 8px}.hero-header .prayer-table .prayer-row{padding:5px 8px;gap:4px;margin-bottom:4px;border-radius:10px;grid-template-columns:1.2fr 1fr 1fr}.hero-header .prayer-table .prayer-icon-img{width:30px;height:30px;margin:-2px 6px -2px 0}.hero-header .prayer-table .prayer-name{font-size:.8rem}.hero-header .prayer-table .time-column{min-width:0;overflow:hidden}.hero-header .prayer-table .time-label{font-size:.5rem;letter-spacing:.2px;margin-bottom:1px}.hero-header .prayer-table .adhan-time,.hero-header .prayer-table .iqama-time{font-size:1.3rem;letter-spacing:0;white-space:nowrap}.hero-header .prayer-table .next-prayer-countdown{margin:8px 8px 0;padding:8px 12px;border-radius:12px}.hero-header .prayer-table .countdown-value{font-size:1.8rem}.hero-header .prayer-table .countdown-separator{font-size:1.6rem}.hero-header .prayer-table .countdown-unit{font-size:.55rem}.hero-header .prayer-table .countdown-segment{min-width:40px}}.hero-content{animation:fadeInUp 1s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.prayer-table{background:#fff;border-radius:25px;padding:0 0 20px 0;margin-top:0;width:100%;box-shadow:0 15px 50px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.07);overflow:hidden;container-type:inline-size;container-name:prayer-table}.prayer-table .prayer-table-header{background:radial-gradient(ellipse at 85% 15%,rgba(80,220,210,.22) 0,transparent 55%),linear-gradient(135deg,#1a5c2e 0,#2e8a5a 38%,#0b8fa8 72%,#0d62a0 100%);display:flex;flex-direction:column;align-items:center;padding:20px 28px 18px;margin-bottom:16px;gap:12px}.prayer-table .prayer-table-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:0;text-align:center;width:100%}.prayer-table h3{color:#fff;font-size:2rem;font-weight:700;margin-bottom:0;text-align:center}.prayer-table .live-clock-container{display:flex;align-items:stretch;justify-content:center;gap:10px;width:100%}.prayer-table .live-prayer-clock{color:#fff;font-size:3.4rem;font-weight:900;font-family:'Courier New',Monaco,monospace;background:rgba(0,0,0,.52);padding:12px 32px;border-radius:14px;border:1px solid rgba(255,255,255,.18);letter-spacing:4px;min-width:280px;text-align:center;transition:all .3s ease;text-shadow:0 1px 4px rgba(0,0,0,.7)}.prayer-table .live-prayer-clock:hover{background:rgba(0,0,0,.65);transform:scale(1.02)}.prayer-table .live-prayer-clock .clock-colon{display:inline-block;animation:clockBlink 1s step-start infinite;opacity:1}@keyframes clockBlink{0%,49%{opacity:1}100%,50%{opacity:0}}.prayer-table .clock-format-toggle{align-self:center;background:linear-gradient(180deg,rgba(255,255,255,.22) 0,rgba(255,255,255,.08) 100%);border:none;border-bottom:4px solid rgba(0,0,0,.35);border-right:2px solid rgba(0,0,0,.18);color:#fff;font-size:1rem;font-weight:800;padding:9px 20px;border-radius:10px;cursor:pointer;transition:transform .1s ease,border-bottom-width .1s ease,box-shadow .1s ease;text-transform:uppercase;letter-spacing:1.5px;line-height:1;white-space:nowrap;box-shadow:0 6px 0 rgba(0,0,0,.28),0 8px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.25);text-shadow:0 1px 3px rgba(0,0,0,.45);position:relative;top:0}.prayer-table .clock-format-toggle:hover{background:linear-gradient(180deg,rgba(0,185,142,.85) 0,rgba(0,140,108,.95) 100%);border-bottom-color:rgba(0,80,60,.6);border-right-color:rgba(0,80,60,.3);color:#fff;box-shadow:0 6px 0 rgba(0,80,60,.5),0 10px 20px rgba(0,185,142,.35),inset 0 1px 0 rgba(255,255,255,.2)}.prayer-table .clock-format-toggle:active{transform:translateY(4px);border-bottom-width:1px;box-shadow:0 2px 0 rgba(0,0,0,.28),0 3px 8px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.1);top:4px}.prayer-table .clock-format-toggle .format-text{display:block}.prayer-table .subtitle-dates{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;margin:0 20px 14px;padding:10px 16px;background:linear-gradient(135deg,#f0f7ff 0,#e8f5f0 100%);border-radius:12px;border:1px solid rgba(77,153,70,.18)}.prayer-table .subtitle{color:#2d5a3d;font-size:1.1rem;margin-bottom:0;font-weight:700}.prayer-table .gregorian-subtitle{text-align:left}.prayer-table .hijri-subtitle{text-align:right;color:#1a4a6b}.prayer-table .hijri-suffix{font-size:.78em;opacity:.75}@media (max-width:575px){.prayer-table .prayer-table-header{padding:16px 20px 14px}.prayer-table .subtitle-dates{flex-direction:column;align-items:center;margin:0 12px 14px;padding:10px 14px}.prayer-table .daily-prayer-rows{padding:0 12px}.next-prayer-countdown{margin:14px 12px 0}.prayer-table .subtitle{font-size:.9rem}.prayer-table .gregorian-subtitle,.prayer-table .hijri-subtitle{text-align:center;margin-bottom:4px}}.prayer-table .daily-prayer-rows{padding:0 20px}.prayer-table .prayer-row{background:#f7f9fc;border-radius:14px;padding:10px 16px;margin-bottom:6px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:10px;align-items:center;transition:all .3s ease;border:1px solid #e4eaf2;position:relative}.prayer-table .prayer-row:hover{background:#edf7f4;transform:translateX(5px);box-shadow:0 4px 16px rgba(0,185,142,.15);border-color:rgba(0,185,142,.35)}.prayer-table .prayer-row.active{background:linear-gradient(135deg,#e6f7f3 0,#d4f0e9 100%);border:2px solid var(--primary-color);box-shadow:0 4px 18px rgba(0,185,142,.2)}.prayer-table .prayer-row.passed{background:#f3f5f8}.prayer-table .prayer-name-wrapper{display:flex;flex-direction:column;gap:2px}.prayer-table .prayer-name{color:#16213e;font-weight:700;font-size:1.1rem;display:flex;align-items:center}.prayer-table .tomorrow-tag{display:inline-block;align-self:flex-start;background:linear-gradient(135deg,#ff6b6b 0,#ff8e53 100%);color:#fff;font-size:.62rem;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px rgba(255,107,107,.35);animation:pulse 2s infinite;white-space:nowrap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.78}}.prayer-table .time-column{text-align:center;min-width:100px}.prayer-table .time-label{color:#7a8799;font-size:.7rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:2px;font-weight:700}.prayer-table .adhan-time{color:var(--primary-color);font-weight:900;font-size:2.1rem;font-family:'Courier New',Monaco,monospace;letter-spacing:1px;white-space:nowrap;display:inline-block}.prayer-table .iqama-time{color:#9a6800;font-weight:900;font-size:2.1rem;font-family:'Courier New',Monaco,monospace;letter-spacing:1px;white-space:nowrap;display:inline-block}.prayer-table .prayer-icon{margin-right:12px;font-size:1.6rem;color:var(--primary-color)}.prayer-table .prayer-icon-img{width:48px;height:48px;object-fit:cover;border-radius:50%;margin:-4px 14px -4px 0;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.12)}.prayer-table .special-row{background:#eff9f6;border:1px solid rgba(0,185,142,.3)}.prayer-table .special-row:hover{background:#e2f5ef;border-color:rgba(0,185,142,.55)}.next-prayer-countdown{margin:14px 20px 0;padding:14px 20px;background:#1a3a2a;border-radius:16px;border:1px solid rgba(77,153,70,.35);text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.2)}.countdown-header{display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#fff;font-size:1.1rem;font-weight:600}.countdown-header i{color:#7ed6a0;font-size:1.3rem}.countdown-label{color:rgba(255,255,255,.85)}#nextPrayerName{color:#7ed6a0;font-weight:700;margin-left:5px}.countdown-timer{display:flex;align-items:center;justify-content:center;gap:15px}.countdown-segment{display:flex;flex-direction:column;align-items:center;min-width:60px}.countdown-value{font-size:3rem;font-weight:900;color:#fff;font-family:'Courier New',Monaco,monospace;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.6)}.countdown-unit{font-size:.72rem;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:1px;margin-top:4px;font-weight:700}.countdown-separator{font-size:2.6rem;font-weight:900;color:rgba(255,255,255,.6);margin:0 4px;animation:blink 1.5s infinite;align-self:flex-start;line-height:1;padding-top:2px}@keyframes blink{0%,49%{opacity:1}100%,50%{opacity:.25}}@container prayer-table (max-width:520px){.prayer-table .prayer-table-header{padding:10px 12px 8px;gap:5px;margin-bottom:10px}.prayer-table .prayer-table-title,.prayer-table h3{font-size:1.15rem}.prayer-table .live-clock-container{gap:6px}.prayer-table .live-prayer-clock{font-size:1.75rem;letter-spacing:1px;padding:6px 12px;min-width:unset;border-radius:10px}.prayer-table .clock-format-toggle{padding:5px 9px;font-size:.65rem;border-radius:7px}.prayer-table .subtitle-dates{flex-direction:row;justify-content:space-between;align-items:center;gap:4px;margin:0 8px 8px;padding:6px 10px;border-radius:8px}.prayer-table .subtitle{font-size:.75rem}.prayer-table .hijri-suffix{font-size:.65em}.prayer-table .daily-prayer-rows{padding:0 8px}.prayer-table .prayer-row{padding:5px 8px;gap:5px;margin-bottom:4px;border-radius:10px;grid-template-columns:1.2fr 1fr 1fr}.prayer-table .prayer-icon-img{width:32px;height:32px;margin:-2px 8px -2px 0}.prayer-table .prayer-icon{font-size:1.1rem;margin-right:6px}.prayer-table .prayer-name{font-size:.82rem}.prayer-table .tomorrow-tag{font-size:.5rem;padding:2px 6px}.prayer-table .time-column{min-width:0;overflow:hidden}.prayer-table .time-label{font-size:.55rem;letter-spacing:.3px;margin-bottom:1px}.prayer-table .adhan-time,.prayer-table .iqama-time{font-size:1.3rem;letter-spacing:0}.prayer-table .next-prayer-countdown{margin:8px 8px 0;padding:8px 12px;border-radius:12px}.prayer-table .countdown-value{font-size:1.8rem}.prayer-table .countdown-separator{font-size:1.6rem}.prayer-table .countdown-unit{font-size:.58rem}.prayer-table .countdown-segment{min-width:44px}}.appreciation-section{margin:2rem 0;padding:2rem;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-radius:20px;text-align:center}.toggle-panel .appreciation-section{margin-top:0;border-top:1px solid #f0f0f0}.appreciation-title{margin-bottom:1rem;color:#2c3e50;font-size:1.5rem}.appreciation-buttons{display:flex;flex-wrap:wrap;gap:1.4rem;justify-content:center;margin:1.5rem 0}.appreciation-btn{position:relative;width:68px;height:68px;padding:0;border:2px solid rgba(0,0,0,.07);border-radius:50%;overflow:visible;cursor:pointer;display:flex;align-items:center;justify-content:center;background:0 0;box-shadow:0 3px 12px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.06);transition:transform .25s cubic-bezier(.34, 1.56, .64, 1),box-shadow .25s ease,outline-color .2s ease,border-color .2s ease;min-width:unset;flex-shrink:0;margin-bottom:14px}.appreciation-btn:hover{transform:translateY(-5px) scale(1.1);box-shadow:0 10px 28px rgba(0,0,0,.18);outline:4px solid transparent;outline-offset:3px;z-index:50;position:relative}.appreciation-btn img{width:100%!important;height:100%!important;max-width:100%;max-height:100%;min-width:unset;object-fit:cover;display:block;pointer-events:none;flex-shrink:0;border-radius:50%;clip-path:circle(50% at 50% 50%)}.appreciation-btn i{font-size:1.65rem;display:block;pointer-events:none}.appreciation-btn .count{position:absolute;bottom:-13px;left:50%;transform:translateX(-50%);min-width:26px;height:20px;border-radius:10px;background:#1a2535;color:#fff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 7px;line-height:1;pointer-events:none;z-index:2;white-space:nowrap;box-shadow:0 2px 6px rgba(0,0,0,.25);border:2px solid rgba(255,255,255,.15)}.appreciation-btn::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(4px);background:rgba(18,28,42,.92);color:#fff;font-size:.75rem;font-weight:600;padding:5px 12px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;letter-spacing:.3px;z-index:10}.appreciation-btn::before{content:'';position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%) translateY(4px);border:5px solid transparent;border-top-color:rgba(18,28,42,.92);opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:10}.appreciation-btn:hover::after,.appreciation-btn:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}.appreciation-btn .arabic,.appreciation-btn .label{display:none}.appreciation-btn.appreciation-mashaallah:hover{outline-color:#00c853;box-shadow:0 10px 28px rgba(0,200,83,.45)}.appreciation-btn.appreciation-alhamdulillah:hover{outline-color:#2196f3;box-shadow:0 10px 28px rgba(33,150,243,.4)}.appreciation-btn.appreciation-subhanallah:hover{outline-color:#ab47bc;box-shadow:0 10px 28px rgba(171,71,188,.4)}.appreciation-btn.appreciation-allahuakbar:hover{outline-color:#ef5350;box-shadow:0 10px 28px rgba(239,83,80,.4)}.appreciation-btn.appreciation-bismillah:hover{outline-color:#ffa726;box-shadow:0 10px 28px rgba(255,167,38,.4)}.appreciation-btn.appreciation-astaghfirullah:hover{outline-color:#26a69a;box-shadow:0 10px 28px rgba(38,166,154,.4)}.appreciation-btn.appreciation-jazakallah:hover{outline-color:#ff7043;box-shadow:0 10px 28px rgba(255,112,67,.4)}.appreciation-btn.appreciation-shukran:hover{outline-color:#ec407a;box-shadow:0 10px 28px rgba(236,64,122,.4)}.appreciation-btn.appreciation-tabarakallah:hover{outline-color:#7e57c2;box-shadow:0 10px 28px rgba(126,87,194,.4)}.appreciation-btn.appreciated{transform:scale(1.08);border-width:3px}.appreciation-btn.appreciation-mashaallah.appreciated{border-color:#00c853;box-shadow:0 4px 18px rgba(0,200,83,.4)}.appreciation-btn.appreciation-alhamdulillah.appreciated{border-color:#2196f3;box-shadow:0 4px 18px rgba(33,150,243,.4)}.appreciation-btn.appreciation-subhanallah.appreciated{border-color:#ab47bc;box-shadow:0 4px 18px rgba(171,71,188,.4)}.appreciation-btn.appreciation-allahuakbar.appreciated{border-color:#ef5350;box-shadow:0 4px 18px rgba(239,83,80,.4)}.appreciation-btn.appreciation-bismillah.appreciated{border-color:#ffa726;box-shadow:0 4px 18px rgba(255,167,38,.4)}.appreciation-btn.appreciation-astaghfirullah.appreciated{border-color:#26a69a;box-shadow:0 4px 18px rgba(38,166,154,.4)}.appreciation-btn.appreciation-jazakallah.appreciated{border-color:#ff7043;box-shadow:0 4px 18px rgba(255,112,67,.4)}.appreciation-btn.appreciation-shukran.appreciated{border-color:#ec407a;box-shadow:0 4px 18px rgba(236,64,122,.4)}.appreciation-btn.appreciation-tabarakallah.appreciated{border-color:#7e57c2;box-shadow:0 4px 18px rgba(126,87,194,.4)}@media (max-width:768px){.appreciation-buttons{gap:1rem}.appreciation-btn{width:60px;height:60px}.appreciation-btn img{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.appreciation-btn i{font-size:1.4rem}}@media (max-width:576px){.appreciation-buttons{gap:.75rem}.appreciation-btn{width:54px;height:54px}.appreciation-btn img{width:100%!important;height:100%!important;max-width:100%;max-height:100%}.appreciation-btn i{font-size:1.2rem}.appreciation-btn .count{bottom:-11px;min-width:22px;height:17px;font-size:.58rem;padding:0 5px}}.card{border:none;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease}.card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.section-title{position:relative;display:inline-block;padding-bottom:10px}.section-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:2px}.stats-card{background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:20px;padding:30px;color:#fff;text-align:center;transition:all .3s ease}.stats-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,185,142,.3)}.stats-number{font-size:3rem;font-weight:700;margin-bottom:10px}.stats-label{font-size:1.1rem;opacity:.9}.activity-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease}.activity-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.activity-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;margin-bottom:20px}.form-control{border-radius:10px;padding:12px 20px;border:2px solid #e0e0e0;transition:all .3s ease}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(0,185,142,.25)}.form-select{border-radius:10px;padding:12px 20px;border:2px solid #e0e0e0}.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 .2rem rgba(0,185,142,.25)}textarea.form-control{min-height:120px}.img-slider-wrapper{position:relative;overflow:hidden;background:#000;box-shadow:0 8px 32px rgba(0,0,0,.18);height:var(--slider-h,420px)}.img-slider-wrapper.img-slider--rounded{border-radius:18px}.img-slider-fallback,.img-slider-slide{position:relative;height:var(--slider-h,420px);overflow:hidden}.img-slider-link{display:block;height:100%;text-decoration:none}.img-slider-img{width:100%;height:var(--slider-h,420px);object-fit:cover;display:block;transition:transform .6s ease}.img-slider-link:hover .img-slider-img{transform:scale(1.04)}.img-slider-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:6px;transition:background .3s}.img-slider-link:hover .img-slider-caption{background:linear-gradient(transparent,rgba(0,0,0,.82))}.img-slider-caption-arrow{font-size:.75rem;opacity:.85;transition:transform .25s}.img-slider-link:hover .img-slider-caption-arrow{transform:translateX(4px)}.img-slider-wrapper .img-slider-carousel{position:relative}.img-slider-wrapper .owl-nav{position:static!important;margin:0;padding:0;pointer-events:none}.img-slider-wrapper .owl-nav.disabled{display:none!important}.img-slider-wrapper .owl-next,.img-slider-wrapper .owl-prev{position:absolute!important;top:50%;transform:translateY(-50%);z-index:25;pointer-events:auto!important;cursor:pointer!important;width:42px;height:42px;border-radius:50%!important;background:rgba(255,255,255,.2)!important;border:1.5px solid rgba(255,255,255,.5)!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;font-size:1rem;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .25s,transform .2s}.img-slider-wrapper .owl-prev{left:14px}.img-slider-wrapper .owl-next{right:14px}.img-slider-wrapper .owl-next:hover,.img-slider-wrapper .owl-prev:hover{background:rgba(255,255,255,.42)!important;transform:translateY(-50%) scale(1.12)!important}.img-slider-wrapper .owl-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:5px;z-index:20;pointer-events:all}.img-slider-wrapper .owl-dot{display:flex;align-items:center}.img-slider-wrapper .owl-dot span{display:block;width:22px;height:4px;border-radius:2px;background:rgba(255,255,255,.45)!important;margin:0;transition:width .3s ease,background .25s ease}.img-slider-wrapper .owl-dot.active span{width:38px;background:#fff!important}#cookieConsentBanner{position:fixed;bottom:0;left:0;right:0;z-index:1080;padding:16px 24px;background:rgba(22,33,62,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,185,142,.35);box-shadow:0 -6px 32px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}#cookieConsentBanner.show{transform:translateY(0)}.cookie-icon{font-size:1.6rem;color:var(--primary-color);flex-shrink:0}.cookie-text{color:rgba(255,255,255,.88);font-size:.875rem;line-height:1.6}.cookie-text a{color:var(--primary-color);text-decoration:underline;text-underline-offset:2px}.cookie-text a:hover{color:#fff}.cookie-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}#cookieAcceptBtn{background:var(--primary-color);border:none;color:#fff;font-weight:600;padding:8px 22px;border-radius:50px;white-space:nowrap;transition:background .2s,transform .15s;box-shadow:0 4px 14px rgba(0,185,142,.4)}#cookieAcceptBtn:hover{background:#00a07a;transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,185,142,.5)}.cookie-manage-link{background:0 0;border:1px solid rgba(255,255,255,.3);color:rgba(255,255,255,.7);font-size:.8rem;padding:7px 16px;border-radius:50px;white-space:nowrap;text-decoration:none;transition:border-color .2s,color .2s}.cookie-manage-link:hover{border-color:rgba(255,255,255,.6);color:#fff}@media (max-width:575px){#cookieConsentBanner{padding:14px 16px}.cookie-banner-inner{flex-direction:column;align-items:flex-start!important;gap:12px!important}.cookie-actions{width:100%;justify-content:flex-end}}.navbar{backdrop-filter:blur(10px);background:rgba(255,255,255,.95)!important;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.navbar-toggler{padding:.5rem .75rem;font-size:1rem;border:1px solid rgba(0,0,0,.1)}.navbar-toggler-icon{width:1.2em;height:1.2em}.navbar-brand h2{margin-bottom:0;font-weight:700}.nav-link{font-weight:500;transition:all var(--transition-normal);position:relative}.nav-link.active,.nav-link:hover{color:var(--primary-color)!important}.nav-live{color:#e74c3c!important;font-weight:600}.nav-live:hover{color:#c0392b!important}.live-indicator{display:inline-block;width:8px;height:8px;background:#e74c3c;border-radius:var(--radius-full);margin-right:4px;vertical-align:middle;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(231,76,60,.4)}50%{opacity:.7;transform:scale(.85);box-shadow:0 0 0 4px rgba(231,76,60,0)}}@media (min-width:992px) and (max-width:1199px){.navbar{padding-top:.4rem!important;padding-bottom:.4rem!important}.navbar-brand h2{font-size:1.2rem}.nav-link{font-size:.82rem;padding-left:.45rem!important;padding-right:.45rem!important}.navbar .btn-primary.ms-3{font-size:.78rem;padding:.35rem .75rem;margin-left:.5rem!important}.container-fluid.fixed-top .d-lg-block{font-size:.82rem}.container-fluid.fixed-top .d-lg-block a,.container-fluid.fixed-top .d-lg-block span{font-size:.82rem}}.dropdown-menu{border:none;box-shadow:var(--shadow-lg);border-radius:var(--radius-md)}.dropdown-item{transition:all var(--transition-fast)}.dropdown-item:hover{background-color:rgba(0,185,142,.1);color:var(--primary-color)}.page-header{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url('../../img/hero.jpg') center center no-repeat;background-size:cover;padding:180px 0 100px 0;margin-top:70px}.page-header h1{color:#fff;font-size:3rem;font-weight:700;text-shadow:2px 2px 10px rgba(0,0,0,.5)}.breadcrumb{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);padding:15px 25px;border-radius:50px;display:inline-flex}.breadcrumb-item a{color:#fff;text-decoration:none}.breadcrumb-item.active{color:var(--primary-color)}footer{background:var(--secondary-color);color:#fff}footer .btn-link{color:rgba(255,255,255,.7);text-decoration:none;display:block;padding:5px 0;transition:all .3s ease}footer .btn-link:hover{color:var(--primary-color);padding-left:10px}.blog-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;display:flex;flex-direction:column;height:100%}.blog-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.blog-image{width:100%;height:250px;object-fit:cover}.blog-meta{display:flex;gap:20px;margin-bottom:15px;flex-wrap:wrap}.blog-meta-item{display:flex;align-items:center;gap:8px;color:#666;font-size:.9rem}.blog-meta-item i{color:var(--primary-color)}.blog-detail-card{background:#fff;border-radius:20px;padding:2rem;margin-top:-3rem;box-shadow:0 10px 40px rgba(0,0,0,.1);position:relative;z-index:1}.blog-content{padding:20px;flex:1;display:flex;flex-direction:column;font-size:1rem;line-height:1.6;color:#555}.blog-card h4{font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-content h2{color:var(--dark-text);margin-top:40px;margin-bottom:20px;font-weight:700}.blog-content h3{color:var(--dark-text);margin-top:30px;margin-bottom:15px;font-weight:600}.blog-content p{margin-bottom:20px}.blog-content blockquote{background:var(--light-bg);border-left:5px solid var(--primary-color);padding:25px 30px;margin:30px 0;font-style:italic;border-radius:10px}.blog-content ol,.blog-content ul{margin:20px 0;padding-left:30px}.blog-content li{margin-bottom:10px}.author-box{background:var(--light-bg);border-radius:20px;padding:30px;margin:40px 0;display:flex;gap:25px;align-items:center}.author-img{width:100px;height:100px;border-radius:50%;object-fit:cover}.author-social a{display:inline-block;width:35px;height:35px;background:#fff;border-radius:50%;text-align:center;line-height:35px;color:var(--dark-text);margin-right:10px;transition:all .3s ease}.author-social a:hover{background:var(--primary-color);color:#fff}.share-buttons{display:flex;gap:15px;margin:40px 0;padding:30px;background:var(--light-bg);border-radius:15px;align-items:center;justify-content:center}.share-btn{width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;text-decoration:none}.share-btn:hover{transform:translateY(-5px)}.share-btn.facebook{background:#3b5998}.share-btn.twitter{background:#1da1f2}.share-btn.linkedin{background:#0077b5}.share-btn.whatsapp{background:#25d366}.comment-item{background:var(--light-bg);border-radius:15px;padding:25px;margin-bottom:20px}.comment-header{display:flex;gap:15px;margin-bottom:15px}.comment-avatar{width:50px;height:50px;border-radius:50%;object-fit:cover}.comment-reply{margin-left:65px}.sidebar-widget{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);margin-bottom:30px}.sidebar-widget h4{margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--light-bg)}.related-post-item{display:flex;gap:15px;padding:15px 0;border-bottom:1px solid #e0e0e0}.related-post-item:last-child{border-bottom:none}.related-post-img{width:80px;height:80px;border-radius:10px;object-fit:cover}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag-item{padding:8px 20px;background:var(--light-bg);border-radius:20px;font-size:.9rem;transition:all .3s ease;text-decoration:none;color:var(--dark-text)}.tag-item:hover{background:var(--primary-color);color:#fff}.blog-category{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.7rem;font-weight:600;z-index:2}.blog-card:hover .blog-image{transform:scale(1.05)}.featured-post{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08);margin-bottom:2rem;transition:transform .3s ease}.featured-post:hover{transform:translateY(-5px)}.featured-badge{display:inline-block;background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-bottom:1rem}.blog-stats{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:12px;border-top:1px solid #eee}.blog-read-link{font-size:.82rem;font-weight:600;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:5px;white-space:nowrap;transition:color .2s}.blog-read-link:hover{color:var(--dark-color,#333)}.blog-stat{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#7f8c8d}.blog-stat i{color:#2ecc71}.blog-excerpt{color:#7f8c8d;margin-bottom:0;line-height:1.6;font-size:.9rem;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-time{display:inline-flex;align-items:center;gap:.25rem;background:#f8f9fa;padding:.2rem .5rem;border-radius:20px;font-size:.7rem}.blog-detail-header{background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%);padding:4rem 0;color:#fff;position:relative;overflow:hidden}.blog-detail-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"%3E%3Cpath fill="rgba(255%2C255%2C255%2C0.1)" d="M0%2C96L48%2C112C96%2C128%2C192%2C160%2C288%2C160C384%2C160%2C480%2C128%2C576%2C122.7C672%2C117%2C768%2C139%2C864%2C154.7C960%2C171%2C1056%2C181%2C1152%2C165.3C1248%2C149%2C1344%2C107%2C1392%2C85.3L1440%2C64L1440%2C320L1392%2C320C1344%2C320%2C1248%2C320%2C1152%2C320C1056%2C320%2C960%2C320%2C864%2C320C768%2C320%2C672%2C320%2C576%2C320C480%2C320%2C384%2C320%2C288%2C320C192%2C320%2C96%2C320%2C48%2C320L0%2C320Z"%3E%3C/path%3E%3C/svg%3E') no-repeat bottom;background-size:cover;opacity:.3}.blog-detail-image{width:100%;max-height:480px;object-fit:cover;object-position:center;border-radius:15px;margin-bottom:2rem;box-shadow:0 5px 20px rgba(0,0,0,.1)}.blog-detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.blog-detail-meta-item{display:flex;align-items:center;gap:.5rem;color:#7f8c8d;font-size:.9rem}.blog-detail-meta-item i{color:#2ecc71;font-size:1rem}.blog-detail-content{line-height:1.9;font-size:1.05rem;color:#2c3e50}.blog-detail-content h2{margin-top:2rem;margin-bottom:1rem;color:#2c3e50;font-size:1.8rem}.blog-detail-content h3{margin-top:1.5rem;margin-bottom:1rem;color:#2c3e50;font-size:1.4rem}.blog-detail-content p{margin-bottom:1.2rem;color:#555}.blog-detail-content ol,.blog-detail-content ul{margin-bottom:1.2rem;padding-left:2rem}.blog-detail-content li{margin-bottom:.5rem;color:#555}.blog-detail-content blockquote{margin:1.5rem 0;padding:1rem 2rem;background:#f8f9fa;border-left:4px solid #2ecc71;font-style:italic;color:#666}.author-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #2ecc71}.author-info h5{margin-bottom:.5rem;color:#2c3e50}.engagement-bar{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:2rem 0;padding:1rem;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-radius:15px}.engagement-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:#fff;border:none;cursor:pointer;transition:all .3s ease;padding:.75rem 1.5rem;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.engagement-btn:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(46,204,113,.2)}.engagement-btn i{font-size:1.5rem;color:#2ecc71}.engagement-btn .count{font-size:1rem;font-weight:700;color:#2c3e50}.engagement-btn .label{font-size:.7rem;color:#7f8c8d}.engagement-btn.liked i{color:#e74c3c;animation:heartBeat .3s ease}.engagement-btn.panel-active{background:linear-gradient(135deg,#e8f8f0 0,#fff 100%);box-shadow:0 4px 15px rgba(46,204,113,.25)}.engagement-btn.panel-active>i:first-child{color:#27ae60}.btn-chevron{font-size:.55rem!important;color:#ccc!important;margin-top:-2px}.engagement-btn.panel-active .btn-chevron{color:#2ecc71!important;transform:rotate(180deg)}.toggle-panel{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.4, 0, .2, 1),opacity .3s ease}.toggle-panel.panel-open{max-height:600px;opacity:1}.share-panel-inner{padding:1rem 0 .5rem;text-align:center;border-top:1px solid #f0f0f0}.share-panel-label{font-size:.75rem;color:#aaa;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.75rem}.toggle-panel .appreciation-section{margin-top:0;border-top:1px solid #f0f0f0}@keyframes heartBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}.share-facebook{background:#1877f2}.share-twitter{background:#1da1f2}.share-linkedin{background:#0077b5}.share-whatsapp{background:#25d366}.share-copy{background:#2ecc71;cursor:pointer}.popular-post-item,.recent-post-item{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #eee;transition:all .3s}.popular-post-item:hover,.recent-post-item:hover{transform:translateX(5px)}.popular-post-item:last-child,.recent-post-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.popular-post-img,.recent-post-img{width:70px;height:70px;object-fit:cover;border-radius:10px;flex-shrink:0}.search-box{position:relative}.search-box input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:10px;padding-right:45px;transition:all .3s}.search-box input:focus{border-color:#2ecc71;outline:0;box-shadow:0 0 0 3px rgba(46,204,113,.1)}.search-box button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:0 0;border:none;color:#2ecc71;cursor:pointer}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #eee;transition:all .3s}.category-item:hover{padding-left:.5rem}.category-item:last-child{border-bottom:none}.category-item a:hover{color:#2ecc71!important}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat-box{text-align:center;padding:1rem;background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-radius:10px;transition:all .3s ease}.stat-box:hover{transform:translateY(-3px);box-shadow:0 2px 10px rgba(0,0,0,.1)}.stat-box i{font-size:1.8rem;color:#2ecc71;margin-bottom:.5rem}.stat-box .number{font-size:1.3rem;font-weight:700;color:#2c3e50}.stat-box .label{font-size:.7rem;color:#7f8c8d}.search-highlight{background:#fff3cd;color:#856404;padding:.5rem 1rem;border-radius:8px;margin-bottom:2rem;display:inline-block}.empty-state{text-align:center;padding:4rem;background:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.empty-state i{font-size:4rem;color:var(--primary-color);margin-bottom:1rem;display:block}.bookmark-card{background:#fff;border-radius:15px;overflow:hidden;transition:all .3s ease;height:100%;box-shadow:0 5px 20px rgba(0,0,0,.08);position:relative}.bookmark-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.bookmark-image{width:100%;height:200px;object-fit:cover}.bookmark-content{padding:1.5rem}.remove-bookmark{position:absolute;top:15px;right:15px;background:#fff;border:none;width:35px;height:35px;border-radius:50%;cursor:pointer;transition:all .3s;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.1)}.remove-bookmark:hover{background:#e74c3c;color:#fff;transform:scale(1.1)}.empty-bookmarks{text-align:center;padding:4rem;background:#fff;border-radius:20px;box-shadow:0 5px 20px rgba(0,0,0,.05)}.empty-bookmarks i{font-size:4rem;color:var(--primary-color);margin-bottom:1rem;display:block}.bookmark-meta{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0;font-size:.85rem;color:#7f8c8d}.bookmark-meta i{margin-right:.25rem;color:var(--primary-color)}.bookmark-category{display:inline-block;padding:.25rem .75rem;background:#f8f9fa;border-radius:20px;font-size:.75rem;color:var(--primary-color)}.pagination .page-link{color:var(--primary-color)}.pagination .page-item.active .page-link{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.feedback-form{margin-top:2rem;padding:2rem;background:#f8f9fa;border-radius:15px}.feedback-form input,.feedback-form textarea{margin-bottom:1rem;padding:.75rem;border:1px solid #ddd;border-radius:10px;transition:all .3s}.feedback-form input:focus,.feedback-form textarea:focus{border-color:#2ecc71;outline:0;box-shadow:0 0 0 3px rgba(46,204,113,.1)}.toast-notification{position:fixed;bottom:20px;right:20px;background:#2ecc71;color:#fff;padding:1rem 1.5rem;border-radius:10px;display:none;z-index:9999;animation:slideIn .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.toast-notification.error{background:#e74c3c}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:768px){.blog-detail-card{padding:1.25rem}.engagement-bar{gap:.6rem;padding:.75rem;margin:1.25rem 0}.engagement-btn{flex:1 1 calc(50% - 0.6rem);min-width:0;padding:.65rem .75rem;flex-direction:row;justify-content:center;gap:.5rem;border-radius:10px}.engagement-btn i:first-child{font-size:1.2rem}.engagement-btn .count{font-size:.9rem}.engagement-btn .label{font-size:.7rem}.engagement-btn .btn-chevron{font-size:.65rem}.share-buttons{flex-wrap:wrap;justify-content:center;gap:10px;padding:20px 15px;margin:20px 0}.share-btn{width:42px;height:42px}.author-box{flex-direction:column;text-align:center}}@media (max-width:576px){.engagement-bar{gap:.4rem;padding:.6rem;margin:1rem 0;border-radius:12px}.engagement-btn{flex:1 1 calc(50% - 0.4rem);padding:.55rem .5rem;gap:.35rem;border-radius:8px}.engagement-btn i:first-child{font-size:1.05rem}.engagement-btn .count{font-size:.82rem}.engagement-btn .label{font-size:.62rem}.share-buttons{gap:8px;padding:15px 10px;margin:15px 0;border-radius:12px}.share-btn{width:38px;height:38px;font-size:.85rem}.share-panel-label{font-size:.7rem}}.featured-event{background:linear-gradient(135deg,#f8f9fa 0,#fff 100%);border-radius:20px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,.08)}.featured-badge{display:inline-block;background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%);color:#fff;padding:.5rem 1rem;border-radius:30px;font-size:.85rem;font-weight:600;margin-bottom:1rem}.event-card{background:#fff;border-radius:15px;overflow:hidden;transition:all .3s ease;height:100%;box-shadow:0 5px 20px rgba(0,0,0,.08);position:relative}.event-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.event-image{width:100%;height:200px;object-fit:cover}.event-date-badge{position:absolute;top:15px;left:15px;background:#fff;border-radius:10px;padding:.5rem;text-align:center;min-width:60px;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:2}.event-date-badge .day{display:block;font-size:1.5rem;font-weight:700;color:#2ecc71;line-height:1}.event-date-badge .month{display:block;font-size:.75rem;color:#666;text-transform:uppercase}.event-category-badge{position:absolute;top:15px;right:15px;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.1)}.category-religious{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.category-educational{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.category-social{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.category-charity{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.category-sports{background:linear-gradient(135deg,#1abc9c,#16a085);color:#fff}.event-content{padding:1.5rem}.event-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem 0;color:#2c3e50}.event-meta{margin-bottom:1rem}.event-meta-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;color:#7f8c8d}.event-meta-item i{width:20px;color:#2ecc71}.event-description{color:#7f8c8d;line-height:1.6;margin-bottom:1rem;font-size:.9rem}.event-status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;margin-top:.5rem}.status-upcoming{background:#2ecc71;color:#fff}.status-ongoing{background:#f39c12;color:#fff}.status-past{background:#95a5a6;color:#fff}.status-today{background:#e74c3c;color:#fff}.calendar-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.08)}.calendar-event{padding:1rem;border-bottom:1px solid #eee;transition:background .3s}.calendar-event:hover{background:#f8f9fa}.calendar-event:last-child{border-bottom:none}.btn-register{display:inline-block;padding:.5rem 1.5rem;background:#2ecc71;color:#fff;text-decoration:none;border-radius:25px;transition:all .3s;font-size:.9rem;margin-top:.5rem}.btn-register:hover{background:#27ae60;transform:translateY(-2px);color:#fff}.filter-btn{padding:10px 25px;border-radius:50px;border:2px solid #e0e0e0;background:#fff;color:var(--dark-text);font-weight:600;transition:all .3s ease;cursor:pointer}.filter-btn.active,.filter-btn:hover{background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-color:var(--primary-color);color:#fff}.schedule-table{width:100%;border-collapse:separate;border-spacing:0;border-radius:15px;overflow:hidden}.schedule-table thead{background:linear-gradient(135deg,#16213e 0,#0f3460 100%);color:#fff}.schedule-table td,.schedule-table th{padding:15px;text-align:left;border-bottom:1px solid #e0e0e0}.schedule-table tbody tr:hover{background:rgba(0,185,142,.05)}.event-detail-header{background:linear-gradient(135deg,#2ecc71 0,#27ae60 100%);padding:4rem 0;color:#fff}.event-detail-card{background:#fff;border-radius:20px;padding:2rem;margin-top:-3rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.event-info-item{padding:1rem;background:#f8f9fa;border-radius:10px;text-align:center}.event-info-item i{font-size:2rem;color:#2ecc71;margin-bottom:.5rem}.related-event-card{background:#fff;border-radius:10px;overflow:hidden;transition:all .3s;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.08)}.related-event-card:hover{transform:translateY(-3px);box-shadow:0 5px 20px rgba(0,0,0,.12)}.activity-detail-card{background:#fff;border-radius:20px;padding:2rem;box-shadow:0 10px 30px rgba(0,0,0,.1)}.activity-info-item{padding:1rem;background:#f8f9fa;border-radius:10px;text-align:center}.activity-info-item i{font-size:2rem;color:#2ecc71;margin-bottom:.5rem}.activity-info-item h6{font-weight:600;color:var(--dark-text);margin-bottom:.5rem}.activity-info-item p{color:#7f8c8d;font-size:.9rem}.related-activity-card{background:#fff;border-radius:15px;padding:1.5rem;transition:all .3s;height:100%;box-shadow:0 2px 10px rgba(0,0,0,.08);text-align:center}.related-activity-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px rgba(0,0,0,.12)}.related-activity-card i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}.related-activity-card h5{font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--dark-text)}.related-activity-card p{color:#7f8c8d;font-size:.9rem;margin-bottom:1rem}.contact-info-card{background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:20px;padding:30px;color:#fff;text-align:center;transition:all .3s ease}.contact-info-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,185,142,.3)}.contact-icon{font-size:3rem;margin-bottom:20px}.prayer-times-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.prayer-time-item{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e0e0e0}.prayer-time-item:last-child{border-bottom:none}.donation-card{background:#fff;border-radius:16px;padding:2rem 1.5rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease}.donation-card:hover{transform:translateY(-6px);box-shadow:0 8px 32px rgba(0,185,142,.18)}.donation-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}.donation-icon i{font-size:1.75rem;color:#fff}.amount-btn{border:2px solid #dee2e6;border-radius:12px;padding:.75rem .5rem;text-align:center;cursor:pointer;font-weight:600;font-size:1rem;color:#333;background:#fff;transition:all .2s ease;user-select:none}.amount-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:rgba(0,185,142,.05)}.amount-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);color:#fff}.payment-method{display:flex;align-items:center;gap:.75rem;border:2px solid #dee2e6;border-radius:12px;padding:.875rem 1rem;cursor:pointer;transition:all .2s ease}.payment-method:hover{border-color:var(--primary-color);background:rgba(0,185,142,.04)}.payment-method.active{border-color:var(--primary-color);background:rgba(0,185,142,.08)}.payment-method i{font-size:1.5rem;color:var(--primary-color);flex-shrink:0}.impact-card{background:var(--light-bg);border-left:3px solid var(--primary-color);border-radius:0 10px 10px 0;padding:.75rem 1rem}.stream-status-banner{background:linear-gradient(135deg,rgba(0,185,142,.1) 0,rgba(22,33,62,.1) 100%);border-radius:15px;padding:20px;text-align:center;border:2px solid rgba(0,185,142,.2);transition:all .3s ease}.stream-status-banner.live{background:linear-gradient(135deg,rgba(220,53,69,.1) 0,rgba(255,0,0,.1) 100%);border-color:rgba(220,53,69,.3);animation:pulse-border 2s infinite}@keyframes pulse-border{0%,100%{border-color:rgba(220,53,69,.3)}50%{border-color:rgba(220,53,69,.6)}}.status-indicator{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:10px;position:relative}.status-indicator.offline{background-color:#6c757d}.status-indicator.online{background-color:#2ecc71;box-shadow:0 0 10px rgba(46,204,113,.5);animation:pulse-live 1.5s infinite}.status-indicator.live{background-color:#dc3545;animation:pulse-live 1.5s infinite}@keyframes pulse-live{0%,100%{box-shadow:0 0 0 0 rgba(220,53,69,.7)}50%{box-shadow:0 0 0 10px rgba(220,53,69,0)}}.status-text{font-weight:600;font-size:1.1rem;color:#fff}.video-player-container{background:#000;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.3)}.video-player{position:relative;width:100%;padding-top:56.25%;background:linear-gradient(135deg,#1a1a2e 0,#16213e 100%)}.video-player video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.offline-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:90%;max-width:600px}.offline-message i{font-size:5rem;color:rgba(255,255,255,.3)}.offline-message h3{color:#fff;margin-bottom:15px;font-size:2rem}.offline-message p{color:rgba(255,255,255,.7);font-size:1.1rem}.upcoming-stream{background:rgba(0,185,142,.1);border:2px solid rgba(0,185,142,.3);border-radius:15px;padding:20px;margin-top:30px}.upcoming-stream h5{color:var(--primary-color);margin-bottom:10px}.upcoming-stream p{color:#fff;font-size:1rem}.video-info{background:#fff;padding:20px 30px;border-top:3px solid var(--primary-color)}.video-info h4{color:var(--dark-text);margin-bottom:5px}.viewer-count{color:var(--dark-text);font-weight:500;font-size:1rem}.viewer-count i{color:var(--primary-color)}.camera-controls{background:rgba(0,185,142,.05);border-radius:20px;padding:30px;border:2px solid rgba(0,185,142,.1)}.camera-controls h5{color:var(--dark-text);font-weight:700}.camera-btn{width:100%;background:#fff;border:2px solid rgba(0,185,142,.2);border-radius:15px;padding:20px;text-align:left;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.camera-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,185,142,.1),transparent);transition:left .5s ease}.camera-btn:hover::before{left:100%}.camera-btn:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,185,142,.2)}.camera-btn.active{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(0,185,142,.1) 0,rgba(22,33,62,.05) 100%);box-shadow:0 5px 20px rgba(0,185,142,.3)}.camera-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color) 0,#008f6f 100%);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.camera-icon i{font-size:1.8rem;color:#fff}.camera-info h6{color:var(--dark-text);margin-bottom:5px;font-weight:600}.camera-info p{color:#6c757d;margin-bottom:10px;font-size:.9rem}.camera-status{margin-top:10px}.camera-status .badge{font-size:.85rem;padding:5px 12px}.stream-schedule-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 10px 40px rgba(0,0,0,.1);border:2px solid rgba(0,185,142,.1)}.stream-schedule-card h4{color:var(--dark-text);font-weight:700;margin-bottom:30px}.schedule-list{display:flex;flex-direction:column;gap:20px}.schedule-item{background:rgba(0,185,142,.05);border-radius:15px;padding:20px;border-left:4px solid var(--primary-color);transition:all .3s ease}.schedule-item:hover{background:rgba(0,185,142,.1);transform:translateX(5px)}.schedule-item.highlight{background:linear-gradient(135deg,rgba(0,185,142,.15) 0,rgba(22,33,62,.05) 100%);border-left-color:#dc3545}.schedule-day{font-size:1.1rem;color:var(--dark-text);margin-bottom:10px}.schedule-day i{font-size:1.2rem}.schedule-times{display:flex;flex-wrap:wrap;gap:8px}.schedule-times .badge{font-size:.9rem;padding:8px 15px;font-weight:500}@media (max-width:991.98px){.video-info{padding:15px 20px}.video-info h4{font-size:1.2rem}.camera-controls{padding:20px}.camera-btn{padding:15px}.camera-icon{width:50px;height:50px}.camera-icon i{font-size:1.5rem}.stream-schedule-card{padding:25px}}@media (max-width:767.98px){.offline-message i{font-size:3rem}.offline-message h3{font-size:1.5rem}.offline-message p{font-size:1rem}.upcoming-stream{padding:15px}.schedule-times{flex-direction:column}.schedule-times .badge{width:100%;text-align:center}}.sermon-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.07);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column}.sermon-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px rgba(0,0,0,.13)}.sermon-image-wrap{position:relative;overflow:hidden;height:200px;flex-shrink:0}.sermon-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.sermon-card:hover .sermon-image-wrap img{transform:scale(1.06)}.sermon-category-badge{position:absolute;top:12px;left:12px;background:var(--primary-color);color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.sermon-media-badges{position:absolute;bottom:10px;right:10px;display:flex;gap:5px}.sermon-media-badge{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--primary-color);box-shadow:0 2px 8px rgba(0,0,0,.15)}.sermon-body{padding:20px;flex:1;display:flex;flex-direction:column}.sermon-meta-row{display:flex;align-items:center;gap:12px;font-size:.8rem;color:#888;margin-bottom:10px;flex-wrap:wrap}.sermon-meta-row i{color:var(--primary-color);margin-right:3px}.sermon-title{font-size:1.02rem;font-weight:700;color:#222;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sermon-title a{color:inherit;text-decoration:none;transition:color .2s}.sermon-title a:hover{color:var(--primary-color)}.sermon-excerpt{font-size:.87rem;color:#666;line-height:1.6;margin-bottom:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.sermon-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #f0f0f0;margin-top:auto}.sermon-views{font-size:.79rem;color:#bbb}.sermon-read-link{font-size:.82rem;font-weight:600;color:var(--primary-color);text-decoration:none;display:flex;align-items:center;gap:5px;transition:color .2s}.sermon-read-link:hover{color:var(--dark-color,#333)}.sermon-featured{background:linear-gradient(135deg,#007a62 0,var(--primary-color) 100%);color:#fff;border-radius:16px;padding:40px;position:relative;overflow:hidden}.sermon-featured::before{content:'';position:absolute;top:-50px;right:-50px;width:240px;height:240px;border-radius:50%;background:rgba(255,255,255,.06)}.sermon-featured::after{content:'';position:absolute;bottom:-60px;left:-30px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.04)}.sermon-featured-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);color:#fff;font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:16px}.sermon-filter-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;justify-content:center}.sermon-filter-btn{padding:8px 22px;border-radius:25px;border:2px solid #e0e0e0;background:#fff;color:#555;font-size:.87rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s ease}.sermon-filter-btn.active,.sermon-filter-btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}.sermon-detail-image{width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin-bottom:28px}.sermon-video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;margin-bottom:28px;background:#000}.sermon-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.sermon-transcript{background:var(--light-bg,#f8f9fa);border-left:4px solid var(--primary-color);border-radius:0 12px 12px 0;padding:28px 32px;line-height:1.9;color:#444;font-size:.97rem}.sermon-transcript p{margin-bottom:1rem}.sermon-info-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.07);padding:24px;margin-bottom:24px}.sermon-info-card h5{font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--primary-color);color:#222}.sermon-info-row{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:.9rem}.sermon-info-row:last-child{border-bottom:none;padding-bottom:0}.sermon-info-row>i{color:var(--primary-color);margin-top:3px;min-width:16px}.sermon-speaker-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.07);padding:28px 24px;text-align:center;margin-bottom:24px}.sermon-speaker-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-color);margin-bottom:12px}.sermon-speaker-avatar-placeholder{width:80px;height:80px;border-radius:50%;background:var(--primary-color);color:#fff;font-size:2rem;display:flex;align-items:center;justify-content:center;margin:0 auto 12px}.related-sermon-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #f0f0f0;text-decoration:none;color:inherit;transition:background .2s}.related-sermon-item:last-child{border-bottom:none;padding-bottom:0}.related-sermon-item img{width:68px;height:54px;object-fit:cover;border-radius:6px;flex-shrink:0}.related-sermon-title{font-size:.84rem;font-weight:600;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.related-sermon-item:hover .related-sermon-title{color:var(--primary-color)}.related-sermon-date{font-size:.76rem;color:#999;margin-top:5px}@media (max-width:768px){.sermon-featured{padding:28px 22px}.sermon-filter-tabs{justify-content:flex-start}.sermon-transcript{padding:20px}.engagement-bar{gap:.6rem;padding:.75rem;margin:1.25rem 0}.engagement-btn{flex:1 1 calc(50% - 0.6rem);min-width:0;padding:.65rem .75rem;flex-direction:row;justify-content:center;gap:.5rem;border-radius:10px}.engagement-btn i:first-child{font-size:1.2rem}.engagement-btn .btn-chevron{font-size:.65rem}}@media (max-width:576px){.engagement-bar{gap:.4rem;padding:.6rem;margin:1rem 0;border-radius:12px}.engagement-btn{flex:1 1 calc(50% - 0.4rem);padding:.55rem .5rem;gap:.35rem;border-radius:8px}.engagement-btn i:first-child{font-size:1.05rem}.engagement-btn .count{font-size:.82rem}.engagement-btn .label{font-size:.62rem}}.daily-prayer-card{background:#fff;border-radius:25px;padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.1);margin-bottom:50px}.daily-prayer-card h2{color:var(--dark-text);margin-bottom:10px}.current-date{color:#666;font-size:1.1rem;margin-bottom:30px}.prayer-table-daily{background:linear-gradient(135deg,#16213e 0,#0f3460 100%);border-radius:20px;padding:30px;color:#fff}.prayer-table-daily .prayer-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;padding:20px;border-bottom:1px solid rgba(255,255,255,.1);align-items:center;transition:all .3s ease;border-radius:12px}.prayer-table-daily .prayer-row:last-child{border-bottom:none}.prayer-table-daily .prayer-row:hover{background:rgba(255,255,255,.05)}.prayer-table-daily .prayer-name-wrapper{display:flex;flex-direction:column;gap:5px}.prayer-table-daily .prayer-name{color:#fff;font-weight:600;font-size:1.15rem;display:flex;align-items:center;text-shadow:1px 1px 3px rgba(0,0,0,.3)}.prayer-table-daily .prayer-icon{margin-right:12px;font-size:1.4rem;color:var(--primary-color);filter:drop-shadow(0 0 5px rgba(0, 185, 142, .5))}.prayer-table-daily .time-column{text-align:center}.prayer-table-daily .time-label{color:rgba(255,255,255,.7);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:5px;font-weight:600}.prayer-table-daily .adhan-time{color:#0fc;font-weight:700;font-size:1.5rem;font-family:'Courier New',monospace;text-shadow:0 0 8px rgba(0,255,204,.6),0 0 15px rgba(0,255,204,.4),0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,rgba(0,255,204,.1) 0,rgba(0,185,142,.1) 100%);padding:4px 8px;border-radius:6px;display:inline-block}.prayer-table-daily .iqama-time{color:#ffeb3b;font-weight:700;font-size:1.5rem;font-family:'Courier New',monospace;text-shadow:0 0 8px rgba(255,235,59,.6),0 0 15px rgba(255,235,59,.4),0 2px 4px rgba(0,0,0,.3);background:linear-gradient(135deg,rgba(255,235,59,.1) 0,rgba(255,193,7,.1) 100%);padding:4px 8px;border-radius:6px;display:inline-block}.prayer-table-daily .prayer-row.active{background:rgba(0,185,142,.15);border:2px solid rgba(0,185,142,.3)}.prayer-table-daily .prayer-row.active:hover{background:rgba(0,185,142,.25);border-color:rgba(0,185,142,.6)}.prayer-table-daily .prayer-row.passed{opacity:.6}.prayer-table-daily .tomorrow-tag{display:inline-block;background:linear-gradient(135deg,#ff6b6b 0,#ff8e53 100%);color:#fff;font-size:.65rem;padding:3px 10px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px rgba(255,107,107,.4);animation:pulse 2s infinite}.monthly-calendar-card{background:#fff;border-radius:25px;padding:40px;box-shadow:0 15px 40px rgba(0,0,0,.1)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:15px;color:#fff}.calendar-nav-btn{background:rgba(255,255,255,.2);border:none;color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer;transition:all .3s ease;font-size:1.2rem}.calendar-nav-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.calendar-month-year{font-size:1.8rem;font-weight:700}.monthly-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:15px}.monthly-table thead{background:linear-gradient(135deg,#16213e 0,#0f3460 100%);color:#fff}.monthly-table th{padding:18px 12px;font-weight:600;text-align:center;font-size:.95rem;border-right:1px solid rgba(255,255,255,.1)}.monthly-table th:last-child{border-right:none}.monthly-table tbody tr{transition:all .3s ease}.monthly-table tbody tr:hover{background:rgba(0,185,142,.05)}.monthly-table td{padding:15px 10px;text-align:center;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-size:.9rem}.monthly-table td:last-child{border-right:none}.monthly-table tbody tr:last-child td{border-bottom:none}.monthly-table .friday-row{background-color:rgba(0,185,142,.08)}.monthly-table .friday-row td{font-weight:600}.monthly-table .friday-row .day-cell{color:var(--primary-color)}.monthly-table .today-row{outline:2px solid var(--primary-color);outline-offset:-2px}.date-cell{font-weight:600;color:var(--dark-text);background:var(--light-bg)}.day-cell{color:#666;font-size:.85rem}.today-row{background:rgba(0,185,142,.1)}.today-row .date-cell{background:var(--primary-color);color:#fff}.download-section{background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:20px;padding:40px;color:#fff;text-align:center;margin-top:50px}.download-section h3{color:#fff;margin-bottom:20px}.download-section p{color:rgba(255,255,255,.9);margin-bottom:30px}.download-btn{background:#fff;color:var(--primary-color);padding:15px 40px;border-radius:50px;font-weight:600;text-decoration:none;display:inline-block;transition:all .3s ease}.download-btn:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.2);color:var(--primary-color)}.service-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:all .3s ease;height:100%}.service-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,.15)}.service-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color) 0,#00d4a1 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;margin-bottom:25px}.service-detail-card{background:#fff;border-radius:20px;padding:50px;box-shadow:0 10px 30px rgba(0,0,0,.1)}.service-detail-card h2{color:var(--dark-text);margin-bottom:20px}.service-detail-card h3{color:var(--dark-text);margin-top:30px;margin-bottom:15px}.service-feature{display:flex;align-items:start;gap:15px;margin-bottom:20px}.service-feature i{color:var(--primary-color);font-size:1.5rem;margin-top:5px}.service-cta{background:var(--light-bg);border-radius:15px;padding:30px;text-align:center;margin-top:40px}.dropdown-menu{border-radius:15px;border:none;box-shadow:0 10px 30px rgba(0,0,0,.1);padding:10px}.dropdown-item{border-radius:10px;padding:10px 20px;transition:all .3s ease}.dropdown-item:hover{background:rgba(0,185,142,.1);color:var(--primary-color)}.dropdown-item i{margin-right:10px;color:var(--primary-color)}.islamic-background{background-image:url(../../img/background/islamoc-mosque_1.jpg);background-size:cover;background-position:center}.service-group-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:3rem}.service-group-pill{display:inline-flex;align-items:center;padding:10px 20px;border-radius:999px;border:1px solid rgba(0,185,142,.35);background:#fff;color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.service-group-pill:focus-visible,.service-group-pill:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.service-group{scroll-margin-top:110px}.service-group+.service-group{margin-top:4rem}.service-group-header{display:flex;align-items:center;gap:16px;padding-bottom:1rem;margin-bottom:2rem;border-bottom:2px solid rgba(0,185,142,.15)}.service-group-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,185,142,.12);color:var(--primary-color);font-size:1.5rem}@media (max-width:575.98px){.service-group-pill{padding:8px 14px;font-size:.9rem}}.service-group-pill.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.py-6{padding-top:6rem;padding-bottom:6rem}.mt-6{margin-top:6rem}.mb-6{margin-bottom:6rem}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.w-100{width:100%}.h-100{height:100%}.cursor-pointer{cursor:pointer}.transition-all{transition:all var(--transition-normal)}.back-to-top{position:fixed;display:none;right:30px;bottom:30px;z-index:99;border:none;outline:0;cursor:pointer;padding:0;width:50px;height:50px;border-radius:50%}.back-to-top:hover{background:var(--bs-dark);color:var(--bs-primary)}.text-primary{color:var(--primary-color)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-light{background-color:var(--light-bg)!important}.bg-dark{background-color:var(--secondary-color)!important}.rounded-20{border-radius:20px!important}.shadow-lg{box-shadow:0 10px 30px rgba(0,0,0,.1)!important}@media (max-width:991px){.prayer-table{margin-top:30px}.prayer-table .live-prayer-clock{font-size:1.8rem;padding:10px 20px;min-width:260px;white-space:nowrap}.hero-header{padding:150px 0 80px 0}.page-header h1{font-size:2.5rem}}@media (max-width:768px){.prayer-table .prayer-table-title{font-size:1.8rem}.prayer-table .live-prayer-clock{font-size:1.6rem;padding:10px 18px;min-width:240px;white-space:nowrap}.prayer-table .prayer-row,.prayer-table-daily .prayer-row{grid-template-columns:1fr;gap:15px;text-align:center}.prayer-table .prayer-name-wrapper,.prayer-table-daily .prayer-name-wrapper{justify-content:center}.prayer-table .time-column,.prayer-table-daily .time-column{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:rgba(255,255,255,.05);border-radius:10px;min-width:0}.prayer-table .time-label,.prayer-table-daily .time-label{margin-bottom:0;flex-shrink:0;margin-right:10px}.prayer-table .adhan-time,.prayer-table .iqama-time{font-size:1.4rem;white-space:nowrap;flex-shrink:0;min-width:fit-content}.blog-detail-card{padding:30px 20px}.author-box{flex-direction:column;text-align:center}.share-buttons{flex-wrap:wrap;justify-content:center}.monthly-table{font-size:.75rem}.monthly-table td,.monthly-table th{padding:8px 4px}.calendar-month-year{font-size:1.3rem}.daily-prayer-card,.monthly-calendar-card{padding:20px}.page-header h1{font-size:2rem}}@media (max-width:576px){.prayer-table{padding:18px}.prayer-table .prayer-table-title,.prayer-table h3{font-size:1.6rem}.prayer-table .live-prayer-clock{font-size:2rem;padding:10px 20px;min-width:240px;letter-spacing:2px;white-space:nowrap}.prayer-table .clock-format-toggle{font-size:.75rem;padding:7px 10px;min-width:50px}.prayer-table .prayer-row,.prayer-table-daily .prayer-row{padding:14px 16px}.prayer-table .prayer-name,.prayer-table-daily .prayer-name{font-size:1.05rem;justify-content:center}.prayer-table .adhan-time,.prayer-table .iqama-time,.prayer-table-daily .adhan-time,.prayer-table-daily .iqama-time{font-size:1.5rem;white-space:nowrap}.prayer-table .tomorrow-tag,.prayer-table-daily .tomorrow-tag{font-size:.6rem;padding:2px 8px;border-radius:6px}.next-prayer-countdown{padding:20px 15px;margin-top:20px}.countdown-header{font-size:1rem;flex-direction:column;gap:5px}.countdown-timer{gap:8px}.countdown-segment{min-width:60px}.countdown-value{font-size:2rem}.countdown-separator{font-size:1.5rem}.countdown-unit{font-size:.65rem}.stats-number{font-size:2rem}.page-header h1{font-size:1.8rem}}