.ramadan-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9000;overflow:hidden;font-family:Amiri,Segoe UI,serif}.ramadan-corner-pattern{position:absolute;top:0;width:300px;height:300px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d4af37' fill-opacity='0.15'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.6}.corner-left{left:0;mask-image:radial-gradient(circle at top left,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at top left,black 0%,transparent 70%)}.corner-right{right:0;mask-image:radial-gradient(circle at top right,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(circle at top right,black 0%,transparent 70%)}.ramadan-lantern-container{position:absolute;top:-10px;filter:drop-shadow(0 10px 15px rgba(0,0,0,.3));transition:transform .3s ease;will-change:transform}.sway-slow{animation:gentleSway 6s infinite ease-in-out alternate;transform-origin:top center}.sway-medium{animation:gentleSway 5s infinite ease-in-out alternate-reverse;transform-origin:top center}.lantern-rope{position:absolute;top:0;left:50%;width:1px;height:100px;background:linear-gradient(to bottom,#8a6e2f,#d4af37);transform:translate(-50%);z-index:-1}.ramadan-crescent{position:absolute;top:60px;right:60px;width:140px;height:140px;filter:drop-shadow(0 0 25px rgba(218,165,32,.3));animation:floatMoon 8s infinite ease-in-out;z-index:9000}.star-twinkle{position:absolute;background-color:#d4af37;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:twinkle 4s infinite ease-in-out;opacity:0}@keyframes twinkle{0%{opacity:.2;transform:scale(.8)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.2;transform:scale(.8)}}.ramadan-toggle-btn{position:fixed;bottom:20px;left:20px;width:36px;height:36px;border-radius:50%;background:#ffffffe6;border:1px solid #d4af37;color:#d4af37;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 8px #0000001a;z-index:10000;transition:all .3s ease;opacity:.7}.ramadan-toggle-btn:hover{opacity:1;transform:scale(1.05);box-shadow:0 4px 12px #d4af374d}.ramadan-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#fffffff2;border:1px solid rgba(212,175,55,.3);padding:10px 24px;border-radius:4px;box-shadow:0 4px 20px #0000001a;display:flex;align-items:center;gap:12px;pointer-events:auto;z-index:10000;animation:fadeInUp .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ramadan-toast-text{color:#1e293b;font-family:Amiri,serif;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.ramadan-toast-icon{color:#d4af37}.ramadan-toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;margin-left:8px;transition:color .2s;display:flex;align-items:center}.ramadan-toast-close:hover{color:#ef4444}@keyframes gentleSway{0%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes floatMoon{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(prefers-color-scheme:dark){.ramadan-toast{background:#1e293bf2;border-color:#d4af3733}.ramadan-toast-text{color:#e2e8f0}}