@layer reset {

html { overflow-x: hidden; }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#turbo-container {
    display: contents;
}

@keyframes activeTabPulse {
    0% { box-shadow: 0 10px 15px -3px rgba(85, 107, 141, 0.3), 0 0 0 0 rgba(164, 194, 192, 0.4); }
    70% { box-shadow: 0 10px 15px -3px rgba(85, 107, 141, 0.3), 0 0 0 8px rgba(164, 194, 192, 0); }
    100% { box-shadow: 0 10px 15px -3px rgba(85, 107, 141, 0.3), 0 0 0 0 rgba(164, 194, 192, 0); }
}
@keyframes navIconPulse {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.2); opacity: 0.8; }
}
@keyframes dashDraw {
    from { stroke-dashoffset: 100; }
    to { stroke-dashoffset: 0; }
}
@keyframes fadeInTab { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideUpModal { from { transform: translateY(100%); } to { transform: translateY(0); } }
@keyframes fadeInSlide { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes slideUpFade { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes splashPulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.1); } }
@keyframes toastIn { from { transform: translateX(100%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes toastOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
@keyframes logoEntrance { 0% { opacity: 0; transform: scale(0.5) rotate(-8deg); } 50% { opacity: 1; transform: scale(1.1) rotate(4deg); } 100% { opacity: 1; transform: scale(1) rotate(0deg); } }

}