/* Animasyon Tanımları */
@keyframes splashLine {
    0% {
        transform: translateX(0);
        opacity: 0;
    }

    15% {
        opacity: 1;
    }

    100% {
        transform: translateX(300%);
        opacity: 0;
    }
}

@keyframes orbitPulse {
    0%, 100% {
        transform: scale(0.97);
        opacity: 0.4;
    }

    50% {
        transform: scale(1.03);
        opacity: 0.7;
    }
}

@keyframes splashRing {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes splashLoading {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(200%);
    }
}

@media (max-width: 950px) {
    .page {
        padding-top: 140px;
    }

    .login-container {
        grid-template-columns: 1fr;
        min-height: auto;
        background: #ffffff;
    }

    .left-panel {
        display: none;
    }

    .right-panel {
        padding: 40px 24px;
    }
}

@media (max-width: 480px) {
    .page {
        padding-top: 190px;
    }

    .system-info {
        top: 12px;
        width: calc(100% - 24px);
    }

        .system-info div {
            flex: 1 1 100%;
        }

    .right-panel {
        padding: 32px 16px;
    }

    .login-head h3 {
        font-size: 28px;
    }
}