body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            margin: 0; /* Remove default body margin */
            overflow-x: hidden; /* Prevent horizontal scrolling */
        }
        main {
            flex-grow: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            box-sizing: border-box;
        }
        
        /* Responsive header adjustments */
        @media (max-width: 768px) {
            .logo {
                font-size: 1.5em;
            }
        }
        
        @media (max-width: 480px) {
            .logo {
                font-size: 1.3em;
            }
        }