body {
    background-color: #030712 !important;
    margin: 0;
    padding: 0;
}

body::-webkit-scrollbar { display: none; }
body { -ms-overflow-style: none; scrollbar-width: none; }

#particles-js {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: auto; 
    background-color: #030712; 
}

html { scroll-behavior: smooth; }

.border-emerald-500 {
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.05);
}

main, nav, footer {
    position: relative;
    z-index: 10;
}

/* Modal Helpers */
#contact-modal.flex {
    display: flex;
}

@keyframes fadeIn {
    from { opacity: 0; transform: scale(0.95); }
    to { opacity: 1; transform: scale(1); }
}

.animate-in {
    animation: fadeIn 0.2s ease-out forwards;
}