@media(max-width:768px) {

    .header-container {
        flex-direction: column;
        align-items: stretch;
    }

    .logo-section {
        justify-content: center;
        text-align: center;
    }

    .header-buttons {
        width: 100%;
        justify-content: center;
    }

    .custom-btn {
        width: 100%;
    }

    .system-title {
        font-size: 20px;
    }

}