/* Body background - black outside the main container */
body {
    background: #000000;
    min-height: 100vh;
    position: relative;
}

/* Main container - specific for home page layout */
.main {
    position: relative;
    width: 1440px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 100vh;
    background: #131114;
    overflow-x: hidden; /* Prevent horizontal overflow */
    overflow-y: visible; /* Allow vertical content to be visible */
    display: flex;
    flex-direction: column;
}

/* Vertical border lines from top to bottom */
.main::before,
.main::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, 0.2);
    z-index: 10;
    pointer-events: none;
}

.main::before {
    left: 0;
}

.main::after {
    right: 0;
}

/* Responsive main container */
@media (max-width: 1440px) {
    .main {
        width: 100%;
        max-width: 100vw;
    }
}

/* Additional home page sections will be added here */