@media screen and (min-width: 768px) {
    #main-content { display: block; max-width: 1280px; height: auto;
        min-height: 2600px;
        margin: 0 auto;
        padding: 40px 20px;
        position: relative;
        width: 100%;
    }
    #terminal-container,
    #gallery-container,
    .divider-container,
    #vault-terminal-container,
    .chat-container,
    .avatar-container,
    #banner-top,
    h1,
    #bio,
    .bio-actions,
    #banner-bottom,
    .contact-text,
    .social-icons {
        position: relative;
        top: auto; left: auto; right: auto; bottom: auto;
        transform: none;
        margin-left: auto; margin-right: auto;
        grid-column: auto;
        max-width: 100%;
        text-align: center;
    }
    #banner-top {
        display: block;
        height: 300px;
        width: 82%;
        bottom: 200px;
        border: 1px solid #333;
        border-radius: 12px;
        margin-bottom: 50px;
        z-index: 0;
    }
    .avatar-container {
        width: 150px; height: 150px;
        top: 180px; right: 290px;
        margin-top: -100px;
        margin-bottom: 20px;
        display: flex; justify-content: center; align-items: center;
        z-index: 1;
    }
    #profile-avatar { width: 100%; height: 100%; margin: 0; }
    #avatar-aura { width: 130%; height: 130%; left: -15%; top: -15%; }
    h1 {
        top: 90px; right: 80px;
        margin-top: 10px;
        font-size: 1.2rem;
        width: 100%;
        justify-content: center;
    }
    #bio {
        top: 85px; left: 67px;
        text-align: left;
        margin-top: 10px;
        max-width: 500px;
    }
    .bio-actions {
        bottom: 55px;
        flex-direction: row;
        justify-content: center;
        gap: 20px;
        margin-top: 20px;
        width: 100%;
    }
    .placeholder-wrapper {
        flex-direction: row; justify-content: center; gap: 20px; margin-top: 20px;
    }
    .social-container, .action-button, .placeholder-box {
        width: auto; min-width: 200px;
    }
    .animation-wrapper { margin-bottom: 40px; width: 100%; }
    #terminal-container { min-height: 200px; text-align: left; }

    #gallery-container { margin-bottom: 40px; width: 85%; text-align: center; }

    #scroll-prompt { display: none; }
    .divider-container {
        width: 100%; margin: 100px 0; left: 0;
    }
    .divider-text-left { left: 20px; transform: translateY(-50%); }
    .divider-text-center { left: 50%; transform: translate(-50%, -50%); }
    #vault-terminal-container {
        width: 85%; margin-bottom: 40px;
        text-align: left; min-height: 200px;
    }
    .chat-container { max-width: 800px; }
    #banner-bottom {
        top: 100px;
        height: 300px;
        border-radius: 8px;
        margin-top: 40px;
    }
    .contact-text, .social-icons { z-index: 2; }
}