/* ========================
   Base Styles
   ======================== */
* {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    width: 100%;
}

body {
    font-family: 'Inter', 'Roboto', 'Open Sans', sans-serif;
    margin: 0;
    padding: 0;
    color: var(--neutral-800);
    line-height: 1.6;
    background-color: var(--white);
    -webkit-font-smoothing: antialiased;
}

/* Responsive Container */
.container {
    width: 100%;
    max-width: 1400px; /* Increased max-width */
    margin: 0 auto;
    padding: 0 30px; /* Increased padding */
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .container {
        padding: 0 20px;
    }
}

@media (max-width: 576px) {
    .container {
        padding: 0 15px;
    }
}