/* Global Reset & Fonts */
html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

/* Custom Animations for Form Inputs */
input:focus, textarea:focus {
    box-shadow: 0 0 0 3px rgba(204, 0, 0, 0.2);
    transition: all 0.3s ease;
}

/* Sticky Navigation Background Transition */
nav {
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/* Mobile Response Helpers */
@media (max-width: 768px) {
    header h1 {
        font-size: 2.5rem;
        line-height: 1.2;
    }
}

/* Utility for Justified Text in About Section */
.text-justify {
    text-align: justify;
}