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

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.stars-overlay {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    background-image: 
        radial-gradient(1px 1px at 20px 30px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 40px 70px, rgba(255,255,255,0.5), rgba(0,0,0,0)),
        radial-gradient(2px 2px at 100px 150px, #a5b4fc, rgba(0,0,0,0)),
        radial-gradient(1px 1px at 200px 80px, #ffffff, rgba(0,0,0,0)),
        radial-gradient(2px 2px at 300px 250px, #c084fc, rgba(0,0,0,0));
    background-size: 550px 550px;
    opacity: 0.15;
}

input[type="text"], input[type="password"], input[type="number"], input[type="email"] {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* Elegant Scrollbars */
::-webkit-scrollbar {
    width: 6px;
}
::-webkit-scrollbar-track {
    background: #020617;
}
::-webkit-scrollbar-thumb {
    background: #1e1b4b;
    border-radius: 99px;
}
::-webkit-scrollbar-thumb:hover {
    background: #312e81;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.97); }
    to { opacity: 1; transform: scale(1); }
}
.animate-fade-in {
    animation: fadeIn 0.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}