/* Custom Styles & Overrides */
    
    body {
        /* Smooth scrolling for anchor links */
        scroll-behavior: smooth;
    }

    /* Selection Color */
    ::selection {
        background-color: #38b2ac; /* teal-500 */
        color: white;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #0f172a; /* slate-900 */
    }
    ::-webkit-scrollbar-thumb {
        background: #334155; /* slate-700 */
        border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #38b2ac; /* teal-500 */
    }

    /* Navbar Glass Effect */
    .navbar-scrolled {
        background-color: rgba(15, 23, 42, 0.95);
        backdrop-filter: blur(10px);
        padding-top: 1rem;
        padding-bottom: 1rem;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    }

    /* Animation Utilities */
    .reveal {
        opacity: 0;
        transform: translateY(30px);
        transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    }

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

    /* Form Focus States */
    input:focus, textarea:focus {
        background-color: #f8fafc;
    }