@layer base {
    html, body {
        margin: 0;
        padding: 0;
        scroll-behavior: smooth;
    }
    body {
        overscroll-behavior: none;
    }
    main > :first-child {
        margin-top: 0 !important;
    }
    main > :last-child {
        margin-bottom: 0 !important;
    }
}

/* Ascunderea scrollbar-ului pentru un aspect clean, tip aplicație */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: rgba(112, 120, 129, 0.2);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 97, 148, 0.5); /* Culoarea primary la hover */
}

/* Efecte Custom pentru Header */
.banner-gradient {
    background: linear-gradient(270deg, #82f5c1, #00714e, #82f5c1);
    background-size: 200% 200%;
    animation: gradientMove 6s ease infinite;
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Stilizare fină pentru link-urile active din navbar */
.nav-link.active {
    box-shadow: 0 4px 10px rgba(0, 97, 148, 0.2);
}

/* Transformă header-ul principal în alb curat, păstrând efectul de blur din spate */
header.fixed {
    background-color: rgba(255, 255, 255, 0.96) !important;
}