html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
}

.gradient-text {
    background: linear-gradient(to right, #4F46E5, #818CF8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.dark .dark\:gradient-text {
    background: linear-gradient(to right, #A5B4FC, #6366F1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

[v-cloak] { 
    display: none; 
}

/* Minimalist background gradient */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: radial-gradient(ellipse at top, rgba(229, 231, 235, 0.4), transparent 70%);
    z-index: -1;
    pointer-events: none;
    transition: background 0.3s ease-in-out;
}
.dark body::before {
    background: radial-gradient(ellipse at top, rgba(55, 65, 81, 0.3), transparent 70%);
}