:root{--primary-bg: #10B981;--inner-bg: #064e3b;--body-bg: #ffffff;--text-color: #ffffff;--border-gradient: conic-gradient(#10B981, #3b82f6, #8b5cf6, #ec4899, #10B981)}.ramadan-theme{--primary-bg: #d4af37;--inner-bg: #1e5128;--body-bg: #fdfaf1;--text-color: #ffffff;--border-gradient: conic-gradient(#d4af37, #1e5128, #fdfaf1, #d4af37)}body{background-color:var(--body-bg);transition:background-color .5s ease}@keyframes ai-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes fade-to-normal{to{background:var(--primary-bg)}}.animate-marquee{display:inline-block;animation:marquee 30s linear infinite}.animate-marquee:hover{animation-play-state:paused}.ai-border-btn,.ai-border-btn-hero{position:relative;width:fit-content;height:40px;padding:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;overflow:hidden;transition:all .3s ease;background:var(--primary-bg)}.ai-border-btn-hero{width:auto;height:auto}.ai-border-btn:before,.ai-border-btn-hero:before{content:"";position:absolute;width:250%;height:250%;background:var(--border-gradient);animation:ai-rotate 2s linear infinite;z-index:1}.ai-border-btn:after,.ai-border-btn-hero:after{content:"";position:absolute;top:1;right:1;bottom:1;left:1;background:transparent;animation:fade-to-normal 0s linear 1ms forwards;z-index:1}.inner-content{position:relative;background:var(--inner-bg);color:var(--text-color);padding:0 24px;height:100%;width:100%;border-radius:9999px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:2;font-weight:700;white-space:nowrap;transition:all .3s ease}.inner-content.\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.ramadan-container{background:linear-gradient(135deg,#fdfaf1,#f7f3e9);min-height:100vh}@media(max-width:768px){.container{padding-left:1rem;padding-right:1rem}section{padding-bottom:3rem!important}.text-5xl{font-size:2.5rem;line-height:1.2}.text-4xl{font-size:2rem;line-height:1.2}}.calendar-scroll-box{max-height:500px;overflow-y:auto;border-radius:15px;border:1px solid #e5e7eb;padding-right:5px}.calendar-scroll-box::-webkit-scrollbar{width:6px}.calendar-scroll-box::-webkit-scrollbar-thumb{background:#d4af37;border-radius:10px}.calendar-scroll-box::-webkit-scrollbar-track{background:#f1f1f1}.sticky-header th{position:sticky;top:0;background:#1e5128;color:#d4af37;z-index:10;padding:15px;font-size:1.1rem}.hover-card{transition:all .3s ease}.hover-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}