body { background-color: #fdfbf7; color: #1f2937; font-family: 'Montserrat', sans-serif; }
 .hero-pattern {
 background-color: #fdfbf7;
 background-image: radial-gradient(#7BB8D0 1px, transparent 1px);
 background-size: 24px 24px;
 }
 .card-hover { transition: transform 0.3s ease, box-shadow 0.3s ease; }
 .card-hover:hover { transform: translateY(-4px); box-shadow: 0 10px 25px -5px rgba(123, 184, 208, 0.3); }
 .teal-gradient { background: linear-gradient(135deg, #48859D 0%, #7BB8D0 100%); }
 
 
 
 
 
 

 @keyframes breathe {
 0% { transform: scale(1); filter: drop-shadow(0 0 15px rgba(13, 148, 136, 0.4)); }
 50% { transform: scale(1.05); filter: drop-shadow(0 0 35px rgba(232, 132, 92, 0.8)); }
 100% { transform: scale(1); filter: drop-shadow(0 0 15px rgba(13, 148, 136, 0.4)); }
 }
 @keyframes spin-slow {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
 }

 
 
 
 .alatyr-wrapper-glow {
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 width: 210px;
 height: 210px;
 border-radius: 50%;
 background: radial-gradient(circle, rgba(253,251,247,1) 0%, rgba(253,251,247,0.8) 70%, rgba(255,255,255,0) 100%);
 box-shadow: 0 0 30px rgba(123, 184, 208, 0.4), inset 0 0 20px rgba(232, 132, 92, 0.2);
 animation: wrapper-pulse 4s ease-in-out infinite;
 }
 
 .alatyr-animated-wrapper {
 display: inline-block;
 width: 200px;
 height: 200px;
 border-radius: 50%;
 animation: spin-slow 40s linear infinite;
 }
 
 .alatyr-hero { 
 width: 100%; 
 height: 100%; 
 object-fit: cover; 
 border-radius: 50%; 
 filter: drop-shadow(0 0 10px rgba(232, 132, 92, 0.6));
 }

 @keyframes wrapper-pulse {
 0% { transform: scale(1); box-shadow: 0 0 20px rgba(123, 184, 208, 0.3), inset 0 0 15px rgba(232, 132, 92, 0.2); }
 50% { transform: scale(1.05); box-shadow: 0 0 40px rgba(232, 132, 92, 0.6), inset 0 0 25px rgba(232, 132, 92, 0.4); }
 100% { transform: scale(1); box-shadow: 0 0 20px rgba(123, 184, 208, 0.3), inset 0 0 15px rgba(232, 132, 92, 0.2); }
 }

 @keyframes spin-slow {
 from { transform: rotate(0deg); }
 to { transform: rotate(360deg); }
 }
 @keyframes cloud-fade { 0% { opacity: 0.5; filter: drop-shadow(0 0 5px rgba(255,255,255,0.8)); transform: scale(0.95); } 50% { opacity: 1; filter: drop-shadow(0 0 12px rgba(123, 184, 208, 0.8)); transform: scale(1.05); } 100% { opacity: 0.5; filter: drop-shadow(0 0 5px rgba(255,255,255,0.8)); transform: scale(0.95); } } .cloud-menu-item { animation: cloud-fade 4s ease-in-out infinite; color: #48859D; font-weight: bold; background: radial-gradient(ellipse at center, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0) 70%); padding: 10px 20px; border-radius: 50%; text-align: center; display: inline-block; margin: 10px auto; }
 @keyframes cloud-fade { 0% { opacity: 0.6; filter: drop-shadow(0 0 4px rgba(255,255,255,0.8)); transform: scale(0.95); } 50% { opacity: 1; filter: drop-shadow(0 0 10px rgba(123, 184, 208, 0.8)); transform: scale(1.05); } 100% { opacity: 0.6; filter: drop-shadow(0 0 4px rgba(255,255,255,0.8)); transform: scale(0.95); } } .cloud-menu-item { animation: cloud-fade 4s ease-in-out infinite; color: #48859D; font-weight: bold; background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 70%); border-radius: 50%; display: inline-block; padding: 4px 10px; }

/* Sticky Mobile CTA */
.mobile-sticky-cta {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 50;
    transform: translateY(150%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-sticky-cta.show {
    transform: translateY(0);
}
@media (min-width: 768px) {
    .mobile-sticky-cta { display: none; }
}



/* --- Extracted from HTML --- */


/* --- Premium Microinteractions --- */
.fade-up-element {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.fade-up-element.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Tactile buttons */
.btn-tactile {
    transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1), background-color 0.2s ease !important;
}
.btn-tactile:active {
    transform: scale(0.96) translateY(2px) !important;
    box-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

/* Subtle parallax for hero */
.parallax-bg {
    transform: translateZ(0);
    will-change: transform;
}

/* Sticky Mobile CTA */
.mobile-sticky-cta {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 50;
    transform: translateY(150%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-sticky-cta.show {
    transform: translateY(0);
}
@media (min-width: 768px) {
    .mobile-sticky-cta { display: none; }
}



/* --- Extracted from HTML --- */


/* Fix mobile events centering */
@media (max-width: 768px) {
    #eventsList .grid-cols-2 { grid-template-columns: 1fr; }
    #eventsList .flex.flex-col { text-align: center; align-items: center; }
    #eventsList .flex.justify-between { justify-content: center; flex-wrap: wrap; gap: 10px; }
    #eventsList .text-right { text-align: center; }
}


/* --- Extracted from HTML --- */


                .scrollbar-hide::-webkit-scrollbar { display: none; }
            
/* Sticky Mobile CTA */
.mobile-sticky-cta {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 50;
    transform: translateY(150%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-sticky-cta.show {
    transform: translateY(0);
}
@media (min-width: 768px) {
    .mobile-sticky-cta { display: none; }
}



/* --- Extracted from HTML --- */


    @keyframes bounce-slow {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-5px); }
    }
    .animate-bounce-slow {
        animation: bounce-slow 3s infinite ease-in-out;
    }
    
/* Sticky Mobile CTA */
.mobile-sticky-cta {
    position: fixed;
    bottom: 20px;
    left: 20px;
    right: 20px;
    z-index: 50;
    transform: translateY(150%);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-sticky-cta.show {
    transform: translateY(0);
}
@media (min-width: 768px) {
    .mobile-sticky-cta { display: none; }
}