@layer utilities {
    .glass-panel {
        @apply bg-white/80 backdrop-blur-lg border border-white/30 shadow-[0_8px_32px_0_rgba(4,80,176,0.1)];
    }
    .text-outline {
        -webkit-text-stroke: 1px #0450b0;
        color: transparent;
    }
    .clip-diagonal {
        clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
    }
}

body {
    font-family: 'Albert Sans', sans-serif;
    color: #475569;
}

h1, h2, h3, h4, h5, h6, .font-heading {
    font-family: 'Sora', sans-serif;
}

/* Reveal Animation Classes */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}