/* ================================
   MAXWINTOTO LOGIN & DAFTAR BUTTON
   Pasang setelah CSS utama
   ================================ */

.n-columns-2 .login,
.n-columns-2 .register {
    position: relative;
    overflow: hidden;
    border-radius: 14px !important;
    min-height: 58px !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: .5px;
    text-transform: uppercase;
    transition: all .25s ease !important;
}

/* LOGIN - Biru Navy Premium */
.n-columns-2 .login {
    background: linear-gradient(
        135deg,
        #071a3d 0%,
        #0d47a1 45%,
        #2196f3 100%
    ) !important;

    color: #ffffff !important;
    border: 1px solid #4fc3f7 !important;

    box-shadow:
        0 6px 18px rgba(13, 71, 161, .35),
        inset 0 1px 0 rgba(255,255,255,.20) !important;
}

/* DAFTAR - Gold Premium */
.n-columns-2 .register {
    background: linear-gradient(
        135deg,
        #6f4300 0%,
        #d99a00 42%,
        #ffd54f 70%,
        #b87400 100%
    ) !important;

    color: #17100a !important;
    border: 1px solid #ffe082 !important;

    box-shadow:
        0 6px 18px rgba(218, 155, 0, .35),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

/* Kilau tipis */
.n-columns-2 .login::before,
.n-columns-2 .register::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        110deg,
        transparent,
        rgba(255,255,255,.28),
        transparent
    );
    transform: skewX(-20deg);
    transition: .55s;
}

.n-columns-2 .login:hover::before,
.n-columns-2 .register:hover::before {
    left: 140%;
}

/* Hover */
.n-columns-2 .login:hover {
    transform: translateY(-3px) scale(1.01) !important;
    background: linear-gradient(
        135deg,
        #0a2555,
        #1565c0,
        #42a5f5
    ) !important;

    box-shadow:
        0 10px 25px rgba(33,150,243,.45) !important;
}

.n-columns-2 .register:hover {
    transform: translateY(-3px) scale(1.01) !important;

    background: linear-gradient(
        135deg,
        #8a5400,
        #f0ad00,
        #ffe082
    ) !important;

    color: #111 !important;

    box-shadow:
        0 10px 25px rgba(255,193,7,.45) !important;
}

/* Klik */
.n-columns-2 .login:active,
.n-columns-2 .register:active {
    transform: scale(.98) !important;
}

/* Mobile */
@media (max-width: 600px) {
    .n-columns-2 .login,
    .n-columns-2 .register {
        min-height: 52px !important;
        font-size: 18px !important;
        border-radius: 11px !important;
    }
}