/* Brand gradient */
.brand-gradient {
    background: linear-gradient(90deg, #00c6ff 0%, #0072ff 20%, #7c3aed 40%, #f472b6 60%, #fb923c 80%, #facc15 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.btn-gradient {
    background: linear-gradient(90deg, #00c6ff 0%, #0072ff 25%, #7c3aed 50%, #f472b6 75%, #fb923c 100%);
    background-size: 200% auto;
    transition: all 0.3s ease;
}

.btn-gradient:hover {
    background-position: right center;
}

/* Smooth scroll */
html {
    scroll-behavior: smooth;
}