/* =====================================
   EFEK TEKAN ALA BUTTON WAP LAMA
===================================== */
.login:active,
.register:active{
    top:2px;

    border-top-width:3px;
    border-bottom-width:2px;

    box-shadow:
        inset 2px 2px 2px rgba(0,0,0,.55),
        inset -1px -1px 0 rgba(255,255,255,.12);
}

/* =====================================
   GARIS FRAME LUAR RETRO
===================================== */
.n-columns-2 a{
    outline:1px solid rgba(0,0,0,.75);
    outline-offset:1px;
}

/* =====================================
   MOBILE
===================================== */
@media(max-width:480px){

    .n-columns-2{
        gap:5px;
    }

    .login,
    .register,
    .login-button,
    .register-button{
        min-height:38px;
        padding:8px 5px;
        font-size:12px;
        line-height:16px;
        border-radius:2px;
    }
}

/* =========================================
   NERAKA33 INFO BOX
   RETRO WAP / CLASSIC PORTAL STYLE
   BLACK • WHITE • RED • GOLD
========================================= */

:root{
    --gold-primary:#d4af37;
    --gold-secondary:#b49450;
    --gold-light:#f5e7c8;

    --red-primary:#d44537;
    --red-bright:#ff2a1a;
    --red-dark:#8d160f;

    --black-deep:#0a0a0a;
    --black-medium:#333333;
    --black-soft:#666666;

    --white-pure:#ffffff;
    --white-soft:#fafafa;
    --white-cream:#fffdf7;
}

/* =========================================
   MAIN BOX
========================================= */
.info-box-neraka33{
    width:100%;
    max-width:900px;
    margin:8px auto;

    background:#ffffff;

    border:2px solid #8d160f;
    border-radius:3px;

    box-sizing:border-box;
    overflow:hidden;

    font-family:Arial,Helvetica,sans-serif;

    box-shadow:
        0 0 0 1px #d4af37,
        2px 2px 0 #111111;
}

/* hapus kilau modern */
.info-box-neraka33::before,
.info-box-neraka33::after{
    display:none;
}

/* =========================================
   HEADER WAP JADUL
========================================= */
.info-header-neraka33{
    position:relative;

    padding:10px 12px;

    text-align:center;

    font-family:Arial,Helvetica,sans-serif;
    font-size:16px;
    font-weight:bold;

    letter-spacing:.5px;
    text-transform:uppercase;

    color:#ffd700;

    background:
        linear-gradient(
            180deg,
            #555555 0%,
            #262626 12%,
            #151515 50%,
            #050505 52%,
            #000000 100%
        );

    border-top:1px solid #777777;
    border-bottom:3px solid #d44537;

    text-shadow:
        1px 1px 0 #000000;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25);
}

/* garis emas klasik */
.info-header-neraka33::before{
    content:"";
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:1px;

    background:#d4af37;
}

/* simbol jadul */
.info-header-neraka33::after{
    content:"★";

    position:absolute;
    right:12px;
    top:50%;

    transform:translateY(-50%);

    font-size:12px;
    color:#ffd700;

    text-shadow:
        1px 1px 0 #000000;
}

/* =========================================
   ROW
========================================= */
.info-row-neraka33{
    display:flex;
    align-items:center;
    justify-content:space-between;

    min-height:35px;
    padding:7px 10px;

    box-sizing:border-box;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 48%,
            #f1f1f1 50%,
            #e7e7e7 100%
        );

    border-bottom:1px solid #b49450;

    position:relative;
}

/* strip kiri ala situs WAP */
.info-row-neraka33::before{
    content:"";

    position:absolute;
    left:0;
    top:0;
    bottom:0;

    width:4px;

    background:#d44537;
}

/* hapus kilau baris lama */
.info-row-neraka33::after{
    display:none;
}

.info-row-neraka33:nth-child(even){
    background:
        linear-gradient(
            180deg,
            #fffdf7 0%,
            #fafafa 48%,
            #eeeeee 50%,
            #e3e3e3 100%
        );
}

.info-row-neraka33:last-child{
    border-bottom:0;
}

/* =========================================
   HOVER JADUL
========================================= */
.info-row-neraka33:hover{
    background:
        linear-gradient(
            180deg,
            #fff6c9 0%,
            #f5e7c8 48%,
            #ead49b 50%,
            #d4af37 100%
        );

    box-shadow:
        inset 0 1px 0 #ffffff;
}

/* =========================================
   LABEL
========================================= */
.info-label-neraka33{
    width:35%;

    box-sizing:border-box;

    padding-left:12px;
    padding-right:8px;

    font-family:Arial,Helvetica,sans-serif;

    font-size:12px;
    font-weight:bold;

    color:#0a0a0a;

    text-transform:uppercase;
}