/*Colors*/
.gradient-ocean {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

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

.gradient-forest {
    background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);
}

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

.gradient-midnight {
    background: linear-gradient(135deg, #2c3e50 0%, #4a6741 100%);
}

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

.gradient-cosmic {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
}

.gradient-blue {
    background: linear-gradient(135deg, #74b9ff 0%, #0984e3 100%);
}

.gradient-green {
    background: linear-gradient(135deg, #55efc4 0%, #00b894 100%);
}

.gradient-purple {
    background: linear-gradient(135deg, #a29bfe 0%, #6c5ce7 100%);
}

.gradient-red {
    background: linear-gradient(135deg, #EA4C46 0%, #DC1C13 100%);
}

.gradient-orange {
    background: linear-gradient(135deg, #fdcb6e 0%, #e17055 100%);
}

.gradient-pink {
    background: linear-gradient(135deg, #fd79a8 0%, #fdcb6e 100%);
}

.gradient-teal {
    background: linear-gradient(135deg, #81ecec 0%, #00cec9 100%);
}