/* Smooth page transitions */
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}

body{
    background:#020617;
}

/* Animated background */
@keyframes pulse-slow{
    0%,100%{
        opacity:1;
        transform:scale(1);
    }
    50%{
        opacity:.5;
        transform:scale(1.05);
    }
}

.animate-pulse-slow{
    animation:pulse-slow 6s ease-in-out infinite;
}

/* Glass Card */
.glass-card{
    backdrop-filter:blur(20px);
    -webkit-backdrop-filter:blur(20px);
}

/* Input focus */
input{
    transition:.25s ease;
}

input:focus{
    box-shadow:0 0 0 3px rgba(37,99,235,.15);
    transform: translateY(-2px); /* Add a subtle lift on focus */
}

/* Button animation */
button{
    transition:.25s ease;
}

button:hover{
    transform:translateY(-2px);
}

button:active{
    transform:scale(.98);
}

/* Success Modal */
#success-modal{
    transition:.35s ease;
}

/* Scrollbar */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#020617;
}

::-webkit-scrollbar-thumb{
    background:#2563eb;
    border-radius:20px;
}

::-webkit-scrollbar-thumb:hover{
    background:#3b82f6;
}

/* Autofill */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus{
    -webkit-box-shadow:0 0 0 1000px #020617 inset !important;
    -webkit-text-fill-color:#f8fafc !important;
}

/* Small animation */

#form-message{
    animation:fadeIn .3s ease;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(-10px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}