@import url('https://fonts.googleapis.com/css2?family=Aladin&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Epunda+Slab:ital,wght@0,300..900;1,300..900&display=swap');

 * {
    cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"><defs><radialGradient id="grad2" cx="50%" cy="50%" r="50%"><stop offset="0%" style="stop-color:%23ffffff;stop-opacity:1" /><stop offset="70%" style="stop-color:%23a855f7;stop-opacity:1" /><stop offset="100%" style="stop-color:%236b21a8;stop-opacity:1" /></radialGradient></defs><circle cx="15" cy="15" r="13" fill="url(%23grad2)" stroke="%23ffffff" stroke-width="2"/></svg>'), auto;
    scroll-behavior: smooth;
    font-family: "Epunda Slab", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.cursor-light {
    position: fixed; top: 0; left: 0; width: 100px; height: 100px; border-radius: 50%; background: radial-gradient(circle, rgba(108, 92, 231, 0.4) 0%, rgba(108, 92, 231, 0.2) 30%, transparent 70%); pointer-events: none; z-index: 9999; transform: translate(-50%, -50%); transition: all 0.1s ease-out;
}
.cursor-glow {
    position: fixed;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, rgba(147, 51, 234, 0.1) 40%, transparent 70%);
    pointer-events: none;
    z-index: 9998;
    transform: translate(-50%, -50%);
    animation: purplePulse 2s ease-in-out infinite;
}

@keyframes purplePulse {
    0%, 100% {
        transform: translate(-50%, -50%) scale(0.8);
        opacity: 0.4;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.3);
        opacity: 0.8;
    }
}

.font-aladin {
    font-family: "Aladin", system-ui;
}