/* Glassmorphism Background for Template 10 */
body.tml-glassmorphism-bg,
.tml-glassmorphism-wrapper {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    background-size: 400% 400%;
    animation: gradientAnimation 15s ease infinite;
    min-height: 100vh;
    position: relative;
}

@keyframes gradientAnimation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Alternative gradient backgrounds */
.tml-gradient-bg-1 {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.tml-gradient-bg-2 {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.tml-gradient-bg-3 {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
}

.tml-gradient-bg-4 {
    background: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);
}

.tml-gradient-bg-5 {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
}

.tml-gradient-bg-6 {
    background: linear-gradient(135deg, #30cfd0 0%, #330867 100%);
}

.tml-gradient-bg-7 {
    background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
}

.tml-gradient-bg-8 {
    background: linear-gradient(135deg, #ff9a9e 0%, #fecfef 50%, #fecfef 100%);
}

.tml-gradient-bg-9 {
    background: linear-gradient(135deg, #ffecd2 0%, #fcb69f 100%);
}

.tml-gradient-bg-10 {
    background: linear-gradient(135deg, #ff6e7f 0%, #bfe9ff 100%);
}