.rnx-nfa-box{

    max-width:520px;
    margin:40px auto;
    padding:35px;

    background:#0b0b0b;

    border:1px solid #7a00ff;
    border-radius:18px;

    box-shadow:0 0 30px rgba(122,0,255,.35);

    box-sizing:border-box;

}

.rnx-logo{

    display:flex;
    justify-content:center;
    align-items:center;

    margin-bottom:20px;

}

.rnx-logo img{

    display:block;

    width:100%;
    max-width:340px;
    height:auto;

    margin:0 auto;

}

.rnx-title{

    text-align:center;

    font-size:28px;
    font-weight:700;

    color:#ffffff;

    margin-bottom:10px;

}

.rnx-subtitle{

    text-align:center;

    font-size:15px;

    color:#bdbdbd;

    margin-bottom:30px;

}

#rnx_license_key{

    width:100%;
    height:58px;

    padding:0 18px;

    background:#111;

    border:1px solid #333;
    border-radius:12px;

    color:#fff;
    font-size:18px;

    transition:.25s;

    box-sizing:border-box;

}

#rnx_license_key:focus{

    outline:none;

    border-color:#8b2cff;

    box-shadow:0 0 15px rgba(138,44,255,.40);

}

#rnx_activate{

    width:100%;
    height:58px;

    margin-top:20px;

    border:none;
    border-radius:12px;

    background:linear-gradient(90deg,#7a00ff,#b100ff);

    color:#fff;

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

    cursor:pointer;

    transition:.25s;

}

#rnx_activate:hover{

    transform:translateY(-2px);

    box-shadow:0 0 25px rgba(153,0,255,.50);

}

#rnx_activate:disabled{

    opacity:.65;

    cursor:not-allowed;

    transform:none;

    box-shadow:none;

}

#rnx_result{

    display:none;

    margin-top:25px;

    padding:15px;

    border-radius:10px;

    text-align:center;

    font-weight:bold;

    box-sizing:border-box;

}

.rnx-success{

    background:#11351d;

    border:1px solid #2edb6f;

    color:#6eff9d;

}

.rnx-error{

    background:#3a1010;

    border:1px solid #ff4444;

    color:#ff8c8c;

}

.rnx-loading{

    background:#1d1738;

    border:1px solid #8d5cff;

    color:#d3c7ff;

}

@media (max-width:600px){

    .rnx-nfa-box{

        margin:20px;

        padding:25px;

    }

    .rnx-title{

        font-size:24px;

    }

    #rnx_license_key,
    #rnx_activate{

        font-size:16px;

    }

}