@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

:root {
    color-scheme: light;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    background:
        radial-gradient(circle at top, rgba(251, 113, 133, 0.10), transparent 28%),
        radial-gradient(circle at right, rgba(251, 146, 60, 0.10), transparent 22%),
        #f8fafc;
}

::selection {
    background: rgba(34, 211, 238, 0.28);
    color: #ffffff;
}

.shadow-glow {
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
}

.backdrop-panel {
    backdrop-filter: blur(24px);
}

.card-soft {
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}

@keyframes pulse-soft {
    0%,
    100% {
        opacity: 0.55;
        transform: scale(0.98);
    }

    50% {
        opacity: 1;
        transform: scale(1);
    }
}

.processing-pulse {
    animation: pulse-soft 2.2s ease-in-out infinite;
}

.loading-spinner-slow {
    animation-duration: 1.8s;
}