@layer utilities {.content-auto {content-visibility: auto;}
.text-shadow {text-shadow: 0 2px 4px rgba(0,0,0,0.1);}
.bg-gradient {background: linear-gradient(135deg, #0F3460 0%, #1A508B 100%);}
.hover-scale {transition: transform 0.3s ease;}
.hover-scale:hover {transform: scale(1.05);}
.backdrop-blur-md {backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
.toast-enter {animation: toastFadeIn 0.3s ease forwards;}
.toast-exit {animation: toastFadeOut 0.3s ease forwards;}
@keyframes toastFadeIn {from { opacity: 0; transform: translateY(20px); }to { opacity: 1; transform: translateY(0); }}
@keyframes toastFadeOut {from { opacity: 1; transform: translateY(0); }to { opacity: 0; transform: translateY(20px); }}}
.fa-fallback {display: inline-block;width: 1em;height: 1em;line-height: 1em;text-align: center;background-color: currentColor;-webkit-mask-size: contain;mask-size: contain;-webkit-mask-position: center;mask-position: center;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;color: inherit;}
.modal-enter {animation: modalFadeIn 0.3s ease forwards;}
.modal-exit {animation: modalFadeOut 0.3s ease forwards;}
@keyframes modalFadeIn {from { opacity: 0; transform: scale(0.95); }to { opacity: 1; transform: scale(1); }}
@keyframes modalFadeOut {from { opacity: 1; transform: scale(1); }to { opacity: 0; transform: scale(0.95); }}