/* ===================================================
   NARUTO BACKGROUND – FIX CHẮC CHẮN HIỆN
   =================================================== */

/* ÉP HEADER NỔI TRÊN VIDEO */
.header__box {
    position: relative;
    z-index: 5;
}

/* ẢNH NỀN NARUTO */
.header__box::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.85),
            rgba(0,0,0,0.35),
            rgba(0,0,0,0.85)
        ),
        url("../images/naruto/naruto_bg.jpg") center top / cover no-repeat;

    z-index: -1;
}

/* CHAKRA CAM – NARUTO */
.header__box::after {
    content: "";
    position: absolute;
    top: 120px;
    left: 50%;
    transform: translateX(-50%);

    width: 600px;
    height: 350px;

    background: radial-gradient(
        ellipse at center,
        rgba(255, 140, 0, 0.5),
        rgba(255, 140, 0, 0.25),
        transparent 70%
    );

    filter: blur(40px);
    z-index: -1;
}

/* ===================================================
   LOGIN / REGISTER
   =================================================== */

.header_content-logo .auth-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    position: relative;
    z-index: 10;
}

.header_content-logo .auth-line {
    min-width: 260px;
    padding: 15px 38px;

    font-weight: 900;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none;

    border-radius: 14px;
    border: 2px solid rgba(255, 200, 120, 0.9);

    transition: all 0.25s ease;
}

/* ĐĂNG NHẬP – NARUTO */
.header_content-logo .auth-login {
    font-size: 28px;
    color: #3a1400;

    background: linear-gradient(180deg, #ffb400, #ff6a00);

    box-shadow:
        0 0 30px rgba(255, 120, 0, 0.9),
        inset 0 0 10px rgba(255,255,255,0.35);
}

/* ĐĂNG KÝ – SASUKE */
.header_content-logo .auth-register {
    font-size: 22px;
    color: #00202c;

    background: linear-gradient(180deg, #63f2ff, #0e8db5);

    border-color: #b4f3ff;

    box-shadow:
        0 0 28px rgba(0, 190, 255, 0.9),
        inset 0 0 8px rgba(255,255,255,0.35);
}

/* HOVER */
.header_content-logo .auth-line:hover {
    transform: scale(1.1);
}
/* ===== TEST NARUTO BACKGROUND ===== */
.header {
    background: 
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.9),
            rgba(0,0,0,0.4),
            rgba(0,0,0,0.9)
        ),
        url("../images/naruto/naruto_bg.jpg") center top / cover no-repeat
        !important;
}