.ramadan-decoration-top{position:fixed;top:0;left:0;right:0;height:80px;pointer-events:none;z-index:9998;overflow:hidden}.ramadan-pattern-border{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FFD700,#FFA500 25%,#FF6B35 50%,#FFA500 75%,#FFD700);background-size:200% 100%;animation:shimmer 3s linear infinite;box-shadow:0 2px 10px rgba(255,215,0,.5)}.ramadan-stars-container{position:absolute;top:10px;left:0;right:0;height:40px}.ramadan-star{position:absolute;font-size:20px;animation:twinkle 2s ease-in-out infinite,float 3s ease-in-out infinite;filter:drop-shadow(0 0 5px #FFD700)}.ramadan-crescents-container{position:absolute;top:15px;left:0;right:0;height:40px}.ramadan-crescent{position:absolute;font-size:28px;animation:swing 4s ease-in-out infinite,glow 2s ease-in-out infinite;filter:drop-shadow(0 0 8px #FFA500);transform-origin:top center}.ramadan-corner{position:fixed;width:150px;height:150px;pointer-events:none;z-index:9997;opacity:0;animation:fadeInCorner 1s ease-out forwards}.ramadan-corner-top-left{top:0;left:0}.ramadan-corner-top-right{top:0;right:0;transform:scaleX(-1)}.ramadan-corner-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(255,165,0,.3))}.ramadan-corner-ornament{position:absolute;top:20px;left:20px;font-size:30px;animation:pulse 2s ease-in-out infinite}.ramadan-lanterns-container{position:fixed;top:60px;left:0;right:0;height:100px;pointer-events:none;z-index:9996}.ramadan-lantern{position:absolute;animation:swingLantern 4s ease-in-out infinite;transform-origin:top center}.lantern-body{font-size:35px;filter:drop-shadow(0 0 10px #FF6B35);animation:lanternGlow 2s ease-in-out infinite}.lantern-glow{position:absolute;top:50%;left:50%;width:40px;height:40px;background:radial-gradient(circle,rgba(255,165,0,.4) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:expandGlow 2s ease-in-out infinite}.ramadan-patterns-overlay{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9995;opacity:.03}.pattern{position:absolute;width:200px;height:200px;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#FFD700 0,#FFD700 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,#FFA500 0,#FFA500 11px);animation:rotatePattern 20s linear infinite}.pattern-1{top:20%;left:10%}.pattern-2{top:60%;right:15%;animation-duration:25s;animation-direction:reverse}.pattern-3{bottom:10%;left:50%;animation-duration:30s}.ramadan-greeting-banner{position:fixed;top:50%;right:-200px;transform:translateY(-50%);background:linear-gradient(135deg,#FFD700,#FFA500 50%,#FF6B35);padding:15px 30px;border-radius:10px 0 0 10px;box-shadow:-5px 5px 20px rgba(0,0,0,.3);pointer-events:none;z-index:9999;animation:slideInBanner 1s ease-out .5s forwards}.greeting-content{display:flex;align-items:center;gap:12px;white-space:nowrap}.greeting-text{font-size:24px;font-weight:700;color:white;text-shadow:2px 2px 4px rgba(0,0,0,.3);font-family:Georgia,serif}.greeting-icon{font-size:28px;animation:bounce 2s ease-in-out infinite}.ramadan-decoration-bottom{position:fixed;bottom:0;left:0;right:0;height:80px;pointer-events:none;z-index:9998;display:flex;justify-content:center;align-items:flex-end}.ramadan-mosque-silhouette{width:200px;height:60px;opacity:0;animation:fadeInBottom 1.5s ease-out 1s forwards}.mosque-svg{width:100%;height:100%;filter:drop-shadow(0 -2px 10px rgba(255,215,0,.3))}.ramadan-particles{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:9994}.particle{position:absolute;font-size:12px;animation:floatParticle 5s ease-in-out infinite;opacity:0}@keyframes shimmer{0%{background-position:0 0}to{background-position:200% 0}}@keyframes twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes swing{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes glow{0%,to{filter:drop-shadow(0 0 8px #FFA500)}50%{filter:drop-shadow(0 0 15px #FFD700)}}@keyframes swingLantern{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes lanternGlow{0%,to{filter:drop-shadow(0 0 10px #FF6B35)}50%{filter:drop-shadow(0 0 20px #FFA500)}}@keyframes expandGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.4}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.2}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}@keyframes fadeInCorner{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInBanner{0%{right:-200px}to{right:0}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:.6;transform:translateY(0)}}@keyframes rotatePattern{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes floatParticle{0%{opacity:0;transform:translateY(0) rotate(0deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) rotate(1turn)}}@media (max-width:768px){.ramadan-decoration-top{height:60px}.ramadan-star{font-size:16px}.ramadan-crescent{font-size:20px}.ramadan-corner{width:100px;height:100px}.ramadan-corner-ornament{font-size:20px}.lantern-body{font-size:25px}.ramadan-greeting-banner{top:auto;bottom:80px;right:auto;left:50%;transform:translateX(-50%);border-radius:10px;animation:fadeIn 1s ease-out .5s forwards}.greeting-text{font-size:18px}.greeting-icon{font-size:20px}.ramadan-mosque-silhouette{width:150px;height:45px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:kufi;src:url(/_next/static/media/8538d554b866bdda-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:kufi Fallback;src:local("Arial");ascent-override:128.17%;descent-override:61.52%;line-gap-override:0.88%;size-adjust:100.00%}.__className_5010f5{font-family:kufi,kufi Fallback}.__variable_5010f5{--font-kufi:"kufi","kufi Fallback"}@font-face{font-family:aldrich;src:url(/_next/static/media/ce7854cb26befafd-s.p.ttf) format("truetype");font-display:swap}@font-face{font-family:aldrich Fallback;src:local("Arial");ascent-override:62.49%;descent-override:18.22%;line-gap-override:4.15%;size-adjust:115.26%}.__className_46332c{font-family:aldrich,aldrich Fallback}.__variable_46332c{--font-aldrich:"aldrich","aldrich Fallback"}