/* =========================================================
   CLEANED / CONSOLIDATED CSS
   Duplicates merged. Final effective values preserved.
========================================================= */

.ra-navbar{
    width: 100%;
    height: 72px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;

    background:
        linear-gradient(
            180deg,
            #1b1408 0%,
            #090603 100%
        );

    border-bottom: 1px solid rgba(255,190,40,.35);

    box-shadow:
        0 0 25px rgba(255,170,0,.12),
        0 4px 20px rgba(0,0,0,.65);
}

/* CONTAINER */
.ra-nav-container{
    width: 95%;
    max-width: 1400px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

/* LOGO */
.ra-logo img{
    height: 52px;
    width: auto;

    filter:
        drop-shadow(0 0 10px rgba(255,190,40,.35))
        drop-shadow(0 0 18px rgba(255,170,0,.18));
}

.ra-logo{
    flex: 0 0 auto;
    margin-right: 35px;
}

/* MENU */
.ra-nav-menu{
    margin-left: 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ra-nav-menu > li{
    position: relative;
}

/* MAIN BUTTON STYLE */
.ra-nav-menu > li > a{
    height: 42px;
    padding: 0 20px;

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

    border-radius: 14px;

    color: #f6d36a;

    text-decoration: none;

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

    letter-spacing: .3px;

    position: relative;
    overflow: hidden;

    border: 1px solid rgba(255,190,40,.15);

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.06) 0%,
            rgba(255,140,0,.02) 100%
        );

    transition: .25s ease;
}

/* GOLD SHINE */
.ra-nav-menu > li > a::before{
    content: "";

    position: absolute;
    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.18),
            transparent
        );

    transform: skewX(-25deg);

    transition: .6s;
}

.ra-nav-menu > li > a:hover::before{
    left: 140%;
}

/* HOVER */
.ra-nav-menu > li > a:hover{
    color: #fff2b3;

    border-color: rgba(255,210,80,.55);

    background:
        linear-gradient(
            180deg,
            rgba(255,200,60,.18) 0%,
            rgba(255,140,0,.08) 100%
        );

    box-shadow:
        0 0 12px rgba(255,190,40,.25),
        inset 0 0 12px rgba(255,190,40,.08);

    transform: translateY(-1px);
}

.ra-nav-menu > li:hover > a{
    color: #fff4c8;
}

/* DROPDOWN */
.ra-dropdown-menu{
    position: absolute;
    top: 54px;
    left: 0;

    min-width: 210px;

    background:
        linear-gradient(
            180deg,
            #1a1206 0%,
            #090603 100%
        );

    border-radius: 18px;

    padding: 12px;

    list-style: none;

    opacity: 0;
    visibility: hidden;

    transform: translateY(10px);

    transition: .22s ease;

    box-shadow:
        0 12px 40px rgba(0,0,0,.65),
        0 0 20px rgba(255,170,0,.12);

    border: 1px solid rgba(255,190,40,.18);
}

.ra-dropdown:hover .ra-dropdown-menu{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ra-dropdown-menu li a{
    display: flex;
    align-items: center;

    width: 100%;
    height: 44px;

    padding: 0 14px;

    border-radius: 12px;

    text-decoration: none;

    color: #f4d37b;

    font-size: 14px;
    font-weight: 600;

    transition: .2s;
}

.ra-dropdown-menu li a:hover{
    background:
        linear-gradient(
            90deg,
            rgba(255,190,40,.18),
            rgba(255,140,0,.06)
        );

    color: #fff6cf;

    box-shadow:
        inset 0 0 10px rgba(255,190,40,.08);
}

/* RIGHT SIDE */
.ra-nav-right{
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* BUTTONS */
.ra-btn{
    height: 40px;
    padding: 0 18px;

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

    border-radius: 12px;

    text-decoration: none;

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

    transition: .25s ease;
}

/* LOGIN */
.ra-login{
    color: #f7d56d;

    border: 1px solid rgba(255,190,40,.2);

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.08),
            rgba(255,140,0,.03)
        );
}

.ra-login:hover{
    color: #fff5c8;

    border-color: rgba(255,210,80,.45);

    box-shadow:
        0 0 12px rgba(255,190,40,.2);
}

/* REGISTER */
.ra-register{
    color: #2c1700;

    background:
        linear-gradient(
            180deg,
            #ffd34f 0%,
            #ffb400 45%,
            #ff9100 100%
        );

    border: 1px solid rgba(255,220,120,.5);

    box-shadow:
        0 0 15px rgba(255,180,0,.25);
}

.ra-register:hover{
    transform: translateY(-1px);

    box-shadow:
        0 0 20px rgba(255,190,40,.45),
        0 5px 20px rgba(255,140,0,.25);
}

/* CARET */
.ra-caret{
    display: inline-block;
    margin-left: 7px;

    width: 0;
    height: 0;

    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;

    opacity: .9;

    transform: translateY(1px);

    transition: .2s ease;
}

.ra-dropdown:hover .ra-caret{
    transform: translateY(1px) rotate(180deg);
}

.ra-side-nav{
    position: fixed;
    top: 72px;
    left: 0;

    width: 95px;
    height: calc(100vh - 72px);

    background:
        linear-gradient(
            180deg,
            #1a1206 0%,
            #0b0703 100%
        );

    border-right: 1px solid rgba(255,190,40,.18);

    box-shadow:
        inset -1px 0 0 rgba(255,210,100,.06),
        0 0 25px rgba(255,170,0,.08);

    z-index: 999;

    display: flex;
    flex-direction: column;
    align-items: center;

    overflow-y: auto;

    padding: 18px 0;
}

/* SCROLLBAR */
.ra-side-nav::-webkit-scrollbar{
    width: 6px;
}

.ra-side-nav::-webkit-scrollbar-track{
    background: rgba(255,255,255,.02);
}

.ra-side-nav::-webkit-scrollbar-thumb{
    background: rgba(255,190,40,.25);
    border-radius: 20px;
}

/* LOGO */
.ra-side-logo{
    width: 100%;

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

    margin-bottom: 28px;
}

.ra-side-logo img{
    width: 44px;
    height: auto;

    filter:
        drop-shadow(0 0 10px rgba(255,190,40,.35))
        drop-shadow(0 0 18px rgba(255,160,0,.15));
}

/* ITEMS */
.ra-side-item{
    width: 100%;

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

    text-decoration: none;

    padding: 16px 0;

    transition: .25s ease;

    position: relative;

    overflow: hidden;
}

/* GOLD SHINE EFFECT */
.ra-side-item::after{
    content: "";

    position: absolute;
    top: 0;
    left: -130%;

    width: 70%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.12),
            transparent
        );

    transform: skewX(-25deg);

    transition: .6s;
}

.ra-side-item:hover::after{
    left: 140%;
}

/* HOVER */
.ra-side-item:hover{
    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.10),
            rgba(255,140,0,.04)
        );

    box-shadow:
        inset 0 0 15px rgba(255,190,40,.05);
}

/* LEFT GLOW BAR */
.ra-side-item:hover::before{
    content: "";

    position: absolute;

    left: 0;
    top: 10%;

    width: 3px;
    height: 80%;

    border-radius: 20px;

    background:
        linear-gradient(
            180deg,
            #ffe08a,
            #ffb300
        );

    box-shadow:
        0 0 12px rgba(255,190,40,.55);
}

/* ICON */
.ra-side-icon{
    font-size: 24px;

    color: #9d8250;

    margin-bottom: 10px;

    transition: .25s ease;

    text-shadow:
        0 0 8px rgba(255,170,0,.12);
}

.ra-side-item:hover .ra-side-icon{
    color: #ffd86d;

    transform: translateY(-2px) scale(1.05);

    text-shadow:
        0 0 12px rgba(255,210,80,.45),
        0 0 20px rgba(255,170,0,.18);
}

/* TEXT */

.ra-side-item > span{
    display:block !important;

    font-size:11px !important;
    font-weight:700 !important;

    letter-spacing:.7px !important;

    text-transform:uppercase !important;

    color:#9d8250 !important;

    transition:.25s ease !important;
}

.ra-side-item:hover > span{
    color:#fff1ba !important;

    text-shadow:
        0 0 10px rgba(255,210,80,.25);
}

/* DIVIDER */
.ra-side-divider{
    width: 70%;
    height: 1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,190,40,.28),
            transparent
        );

    margin: 18px 0;
}

.ra-hero-section, .ra-second-section{
    position: relative;
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.ra-hero-section{
    position: relative;
    width: 100%;
    min-height: calc(100vh - 72px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("../img/headbg.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 40px;
    margin-top: 72px;
    margin-bottom: 0;
}

.ra-second-section{
    position: relative;
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-image: url("../img/bg2.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 80px 40px;
    margin: 0;
}



.ra-hero-content{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    text-align: center;
}

.ra-hero-content h1{
    font-size: 76px;
    font-weight: 900;
    margin: 0 0 12px;
    text-shadow: 0 5px 25px rgba(0,0,0,.5);
}

.ra-hero-content h2{
    font-size: 58px;
    font-weight: 900;
    color: #ffffff;
    margin: 0 0 12px;
    text-shadow: 0 5px 25px rgba(0,0,0,.5);
}

.ra-hero-content p{
    font-size: 24px;
    margin-bottom: 25px;
    text-shadow: 0 3px 12px rgba(0,0,0,.5);
}

.ra-hero-buttons{
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

.ra-hero-btn{
    height: 48px;
    padding: 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 800;
    transition: .25s ease;
}

.ra-hero-btn.primary{
    color: #fff;
    background: linear-gradient(180deg,#2b8cff,#1f6ddb);
    box-shadow: 0 8px 25px rgba(33,120,255,.35);
}

.ra-hero-btn.secondary{
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.15);
}

.ra-hero-btn:hover{
    transform: translateY(-2px);
}

.ra-scroll-down{
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    opacity: .85;
}

.ra-scroll-down span{
    display: block;
    width: 0;
    height: 0;
    margin: 8px auto 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #fff;
}

.ra-feature-boxes{
    display: flex;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    margin-top: 30px;
}

.ra-feature-box{
    width: 260px;
    padding: 25px;
    border-radius: 18px;
    background: rgba(15,25,45,.72);
    border: 1px solid rgba(255,255,255,.10);
    backdrop-filter: blur(10px);
}

.ra-feature-box h3{
    margin: 0 0 10px;
    font-size: 20px;
}

.ra-feature-box p{
    margin: 0;
    font-size: 14px;
}

/* GLOBAL SCROLLBAR - EMPERIUM GOLD */

::-webkit-scrollbar{
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-track{
    background:
        linear-gradient(
            180deg,
            #140d05 0%,
            #080502 100%
        );

    box-shadow:
        inset 0 0 6px rgba(0,0,0,.55);

    border-left: 1px solid rgba(255,190,40,.06);
}

::-webkit-scrollbar-thumb{
    background:
        linear-gradient(
            180deg,
            #fff0ad 0%,
            #ffd24d 20%,
            #ffb300 55%,
            #a45b00 100%
        );

    border-radius: 30px;

    border: 2px solid #120b04;

    box-shadow:
        inset 0 0 5px rgba(255,255,255,.35),
        0 0 12px rgba(255,190,40,.35);
}

::-webkit-scrollbar-thumb:hover{
    background:
        linear-gradient(
            180deg,
            #fff7d1 0%,
            #ffe27a 20%,
            #ffc933 55%,
            #c97300 100%
        );

    box-shadow:
        inset 0 0 6px rgba(255,255,255,.45),
        0 0 16px rgba(255,210,80,.55);
}

/* FIREFOX */
html{
    scrollbar-width: thin;

    scrollbar-color:
        rgba(255,190,40,.75)
        #0d0804;
}

body:not(.home-page) .ra-site-container{

    flex:1;

    padding-top:110px;
    padding-left:145px;
    padding-right:40px;
    padding-bottom:60px;

    background-color:#0f1c32;

    background-image:url("../img/bg3.png");
    background-size:cover;
    background-position:center top;
    background-repeat:no-repeat;
    background-attachment:scroll;

    box-sizing:border-box;

    width:100%;

    min-height:auto;
}

.ra-account-btn{
    border: none;
    cursor: pointer;
    gap: 8px;
}

.ra-home-layout{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1400px;
    margin: auto;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 60px;
    padding: 40px;
}

/* =========================
   FOOTER MAIN
========================= */

.ra-footer{
    width: 100%;

    padding: 75px 60px 45px 155px;

    position: relative;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            #130d05 0%,
            #090603 100%
        );

    border-top: 1px solid rgba(255,190,40,.18);

    box-shadow:
        inset 0 1px 0 rgba(255,220,120,.04),
        0 -10px 40px rgba(255,140,0,.06);

    margin-top: auto;
}

/* GOLD TOP GLOW */
.ra-footer::before{
    content: "";

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

    width: 100%;
    height: 2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,210,80,.85),
            transparent
        );

    box-shadow:
        0 0 18px rgba(255,190,40,.45);
}

/* =========================
   CONTAINER
========================= */

.ra-footer-container{
    max-width: 1400px;

    margin: auto;

    display: grid;

    grid-template-columns: 2fr 1fr 1fr 1fr;

    gap: 70px;

    position: relative;
    z-index: 2;
}

/* =========================
   BRAND
========================= */

.ra-footer-brand h2{
    color: #ffd86b;

    font-size: 30px;
    font-weight: 900;

    margin: 0 0 18px;

    text-shadow:
        0 0 12px rgba(255,190,40,.25);
}

.ra-footer-brand p{
    color: #d4bc87;

    font-size: 15px;
    line-height: 1.8;

    margin-bottom: 20px;
}

/* =========================
   LOGO
========================= */

.ra-footer-logo{
    max-width: 180px;
    height: auto;

    margin-bottom: 18px;

    filter:
        drop-shadow(0 0 15px rgba(255,190,40,.25))
        drop-shadow(0 8px 20px rgba(0,0,0,.45));
}

/* =========================
   LINKS
========================= */

.ra-footer-links{
    display: flex;
    flex-direction: column;

    align-items: flex-start;

    gap: 14px;
}

.ra-footer-links h3{
    color: #ffdc73;

    font-size: 14px;
    font-weight: 900;

    letter-spacing: 1px;

    margin: 0 0 14px;

    position: relative;

    text-shadow:
        0 0 10px rgba(255,190,40,.15);
}

/* GOLD UNDERLINE */
.ra-footer-links h3::after{
    content: "";

    width: 45px;
    height: 2px;

    margin-top: 8px;

    display: block;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            #ffdc73,
            rgba(255,190,40,.15)
        );

    box-shadow:
        0 0 10px rgba(255,190,40,.25);
}

.ra-footer-links a{
    color: #c7ad74;

    font-size: 15px;

    text-decoration: none;

    display: inline-block;

    transition: .25s ease;

    position: relative;
}

/* HOVER */
.ra-footer-links a:hover{
    color: #fff2be;

    transform: translateX(4px);

    text-shadow:
        0 0 10px rgba(255,210,80,.25);
}

/* =========================
   SOCIALS
========================= */

.ra-footer-socials{
    display: flex;

    gap: 12px;

    margin: 22px 0 45px;
}

.ra-footer-socials a{
    width: 44px;
    height: 44px;

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

    border-radius: 14px;

    color: #e8c66d;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.08),
            rgba(255,140,0,.03)
        );

    border: 1px solid rgba(255,190,40,.18);

    text-decoration: none;

    transition: .25s ease;

    box-shadow:
        inset 0 0 10px rgba(255,190,40,.03);
}

.ra-footer-socials a:hover{
    color: #fff6d2;

    transform: translateY(-3px);

    border-color: rgba(255,210,80,.45);

    background:
        linear-gradient(
            180deg,
            rgba(255,210,80,.18),
            rgba(255,140,0,.08)
        );

    box-shadow:
        0 0 15px rgba(255,190,40,.25),
        inset 0 0 12px rgba(255,190,40,.06);
}

/* =========================
   COPYRIGHT
========================= */

.ra-footer-copy{
    padding-top: 22px;

    border-top: 1px solid rgba(255,190,40,.12);

    color: #9f8555;

    font-size: 13px;

    line-height: 1.8;
}

.ra-footer-copy span{
    display: block;

    margin-top: 8px;

    color: #735f39;
}

/* =========================
   GLOBAL LINK OVERRIDE
========================= */

a:focus,
a:hover{
    text-decoration: none;
}

/* =========================
   SITE CONTAINER
========================= */

.ra-site-container{
    width: 100%;

    margin: 0;
    padding: 0;

    flex: 1;

    display: flex;
    flex-direction: column;
}

/* Register */
/* REGISTER PAGE */

.ra-register-card-new{
    max-width: 620px;
}

/* SECURITY NOTICE */

.ra-security-notice{
    display:flex;

    gap:14px;

    margin-bottom:22px;

    padding:18px;

    border-radius:18px;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.08),
            rgba(255,140,0,.03)
        );

    border:1px solid rgba(255,190,40,.15);
}

.ra-security-icon{
    font-size:24px;
}

.ra-security-notice h3{
    color:#ffd86b;

    margin:0 0 6px;

    font-size:15px;
}

.ra-security-notice p{
    color:#d0b178;

    margin:0;

    line-height:1.6;

    font-size:13px;
}

/* GRID */

.ra-form-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

/* RADIO */

.ra-radio-group{
    display:flex;

    gap:12px;

    height:52px;

    align-items:center;
}

.ra-radio{
    display:flex;
    align-items:center;

    gap:8px;

    color:#d5bc87;

    font-size:13px;
}

/* AGREEMENT */

.ra-agreement-box{
    margin-top:18px;

    padding:16px;

    border-radius:16px;

    background:
        rgba(255,255,255,.03);

    border:1px solid rgba(255,190,40,.10);
}

.ra-agreement-label{
    display:flex;

    align-items:flex-start;

    gap:12px;

    color:#c8a96d;

    font-size:13px;

    line-height:1.7;
}

.ra-agreement-label a{
    color:#ffd86b;

    text-decoration:none;
}


/* =========================
   REGISTER INPUT REFINEMENT
========================= */

.ra-register-page .ra-form-group{
    margin-bottom:14px;
}

.ra-register-page .ra-form-group label{
    display:block;

    margin-bottom:7px;

    font-size:13px;
    font-weight:800;

    color:#ffd86b;
}

/* INPUT SIZE FIX */
.ra-register-page .ra-form-group input,
.ra-register-page .ra-form-group select{
    width:100%;

    height:46px !important;

    padding:0 14px !important;

    font-size:13px !important;

    border-radius:14px !important;
}

/* BIRTHDATE */
.ra-register-page input[type="date"]{
    padding-right:12px !important;
}

/* =========================
   RADIO BUTTON FIX
========================= */

.ra-radio-group{
    display:flex;

    align-items:center;

    gap:16px;

    height:46px;
}

.ra-radio{
    display:flex;

    align-items:center;

    gap:8px;

    cursor:pointer;

    color:#d9bc7c;

    font-size:13px;

    font-weight:700;
}

/* REMOVE HUGE DEFAULT RADIO */
.ra-radio input[type="radio"]{
    appearance:none;
    -webkit-appearance:none;

    width:18px;
    height:18px;

    border-radius:50%;

    border:2px solid rgba(255,190,40,.45);

    background:#120c04;

    cursor:pointer;

    position:relative;

    transition:.2s;
}

/* INNER DOT */
.ra-radio input[type="radio"]::before{
    content:"";

    position:absolute;

    top:50%;
    left:50%;

    width:8px;
    height:8px;

    border-radius:50%;

    background:#ffd24d;

    transform:translate(-50%,-50%) scale(0);

    transition:.2s;
}

.ra-radio input[type="radio"]:checked{
    border-color:#ffd24d;

    box-shadow:
        0 0 10px rgba(255,190,40,.35);
}

.ra-radio input[type="radio"]:checked::before{
    transform:translate(-50%,-50%) scale(1);
}

/* =========================
   AGREEMENT BOX
========================= */

.ra-agreement-box{
    margin-top:16px;

    padding:16px 18px;

    border-radius:16px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.02),
            rgba(255,255,255,.01)
        );

    border:1px solid rgba(255,190,40,.10);
}

.ra-agreement-label{
    display:flex;

    align-items:flex-start;

    gap:10px;

    font-size:13px;

    line-height:1.7;
}

.ra-agreement-label input[type="checkbox"]{
    margin-top:2px;

    width:15px;
    height:15px;

    accent-color:#ffcb39;
}

/* =========================
   BUTTON
========================= */

.ra-auth-btn{
    height:52px !important;

    border-radius:16px !important;

    font-size:15px !important;
}

/* =========================
   CARD SPACING
========================= */

.ra-register-card-new{
    padding:30px !important;
}

/* FIX REGISTER RADIO SIZE */
.ra-register-page .ra-radio input[type="radio"]{
    appearance: none !important;
    -webkit-appearance: none !important;

    width: 16px !important;
    min-width: 16px !important;
    max-width: 16px !important;

    height: 16px !important;
    min-height: 16px !important;
    max-height: 16px !important;

    padding: 0 !important;
    margin: 0 !important;

    border-radius: 50% !important;

    border: 2px solid rgba(255,190,40,.55) !important;

    background: #120c04 !important;

    box-shadow: none !important;

    position: relative !important;

    cursor: pointer;
}

.ra-register-page .ra-radio input[type="radio"]::before{
    content: "" !important;

    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 6px !important;
    height: 6px !important;

    border-radius: 50% !important;

    background: #ffd24d !important;

    transform: translate(-50%, -50%) scale(0) !important;

    transition: .2s ease !important;
}

.ra-register-page .ra-radio input[type="radio"]:checked{
    border-color: #ffd24d !important;

    box-shadow:
        0 0 8px rgba(255,190,40,.45) !important;
}

.ra-register-page .ra-radio input[type="radio"]:checked::before{
    transform: translate(-50%, -50%) scale(1) !important;
}

.ra-register-page .ra-radio-group{
    height: auto !important;
    min-height: 38px !important;

    display: flex !important;
    align-items: center !important;

    gap: 18px !important;
}

.ra-register-page .ra-radio{
    display: inline-flex !important;
    align-items: center !important;

    gap: 7px !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1 !important;
}

/* =========================
   MOBILE
========================= */

@media(max-width:768px){

    .ra-form-grid{
        grid-template-columns:1fr;
        gap:10px;
    }

}

/* MOBILE */

@media(max-width:768px){

    .ra-form-grid{
        grid-template-columns:1fr;
    }

}


/* =========================
   LOGIN PAGE
========================= */

.ra-login-page{
    width:100%;
    min-height:100vh;

    display:grid;
    grid-template-columns:1.1fr 520px;

    overflow:hidden;
}

/* =========================
   LEFT HERO
========================= */

.ra-login-hero{
    position:relative;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.35),
            rgba(0,0,0,.65)
        ),
        url("../img/login-bg.jpg");

    background-size:cover;
    background-position:center;

    display:flex;
    align-items:center;

    padding:80px;
}

.ra-login-overlay{
    position:absolute;
    inset:0;

    background:
        radial-gradient(
            circle at center,
            rgba(255,190,40,.08),
            transparent 60%
        );
}

.ra-login-hero-content{
    position:relative;
    z-index:2;

    max-width:650px;
}

.ra-login-badge{
    display:inline-flex;

    padding:10px 16px;

    border-radius:50px;

    background:
        rgba(255,190,40,.10);

    border:1px solid rgba(255,190,40,.18);

    color:#ffd86b;

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

    letter-spacing:1px;

    margin-bottom:28px;
}

.ra-login-hero h1{
    color:#fff;

    font-size:72px;
    line-height:1;

    font-weight:900;

    margin:0 0 24px;
}

.ra-login-hero h1 span{
    color:#ffd24d;

    text-shadow:
        0 0 18px rgba(255,190,40,.35);
}

.ra-login-hero p{
    color:#d5bc87;

    font-size:18px;

    line-height:1.8;

    max-width:560px;
}

/* FEATURES */

.ra-login-features{
    display:grid;
    grid-template-columns:1fr;

    gap:16px;

    margin-top:42px;
}

.ra-feature-box{
    padding:18px 20px;

    border-radius:18px;

    background:
        rgba(255,255,255,.03);

    border:1px solid rgba(255,190,40,.12);

    backdrop-filter:blur(10px);
}

.ra-feature-box strong{
    display:block;

    color:#ffe08a;

    font-size:15px;

    margin-bottom:5px;
}

.ra-feature-box span{
    color:#b89d68;

    font-size:13px;
}

/* =========================
   RIGHT PANEL
========================= */

.ra-login-panel{
    background:
        linear-gradient(
            180deg,
            #120c04,
            #080502
        );

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

    padding:40px;
}

/* CARD */

.ra-login-card{
    width:100%;
    max-width:420px;

    border-radius:28px;

    padding:34px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.01)
        );

    border:1px solid rgba(255,190,40,.14);

    box-shadow:
        0 20px 60px rgba(0,0,0,.65),
        0 0 25px rgba(255,170,0,.06);
}

/* HEADER */

.ra-login-header h2{
    color:#ffe08a;

    font-size:30px;
    font-weight:900;

    margin:0 0 8px;
}

.ra-login-header p{
    color:#b89d68;

    margin-bottom:28px;
}

/* FORM */

.ra-form-group{
    margin-bottom:18px;
}

.ra-form-group label{
    display:block;

    margin-bottom:8px;

    color:#ffd86b;

    font-size:13px;
    font-weight:800;
}

.ra-form-group input,
.ra-form-group select{
    width:100%;
    height:52px;

    border:none;
    outline:none;

    border-radius:16px;

    padding:0 16px;

    color:#fff3cf;

    background:
        rgba(255,255,255,.04);

    border:1px solid rgba(255,190,40,.12);

    transition:.25s;
}

.ra-form-group input:focus,
.ra-form-group select:focus{
    border-color:rgba(255,210,80,.45);

    box-shadow:
        0 0 0 3px rgba(255,190,40,.08);
}

/* BUTTON */

.ra-login-btn{
    width:100%;
    height:56px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    color:#2c1700;

    font-size:15px;
    font-weight:900;

    letter-spacing:1px;

    transition:.25s;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );
}

.ra-login-btn:hover{
    transform:translateY(-2px);

    box-shadow:
        0 0 25px rgba(255,190,40,.35);
}

/* LINKS */

.ra-login-links{
    margin-top:20px;

    display:flex;
    justify-content:space-between;

    gap:10px;
}

.ra-login-links a{
    color:#c9aa6a;

    font-size:13px;

    text-decoration:none;

    transition:.25s;
}

.ra-login-links a:hover{
    color:#fff2be;
}

/* ERROR */

.ra-login-error{
    margin-bottom:18px;

    padding:14px 16px;

    border-radius:14px;

    background:
        rgba(255,70,70,.12);

    border:1px solid rgba(255,90,90,.35);

    color:#ffb3b3;

    font-size:13px;
}

/* FIX LOGIN INPUT FOCUS - NO WHITE BACKGROUND */
.ra-login-page .ra-form-group input,
.ra-login-page .ra-form-group select{
    background: rgba(255,255,255,.04) !important;
    color: #fff3cf !important;
    border: 1px solid rgba(255,190,40,.14) !important;
}

.ra-login-page .ra-form-group input:focus,
.ra-login-page .ra-form-group select:focus{
    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.08),
            rgba(255,140,0,.03)
        ) !important;

    color: #fff6d6 !important;

    border-color: rgba(255,210,80,.75) !important;

    box-shadow:
        0 0 0 3px rgba(255,190,40,.10),
        0 0 18px rgba(255,190,40,.35),
        inset 0 0 14px rgba(255,190,40,.06) !important;
}

.ra-login-page .ra-form-group input::placeholder{
    color: #9f8758 !important;
}

/* MOBILE */

@media(max-width:991px){

    .ra-login-page{
        grid-template-columns:1fr;
    }

    .ra-login-hero{
        display:none;
    }

    .ra-login-panel{
        padding:30px 20px;
    }
}


/* RESET / AUTH PAGE SAME THEME */

.ra-auth-page{
    width:100%;
    min-height:100vh;
    display:grid;
    grid-template-columns:1.1fr 520px;
    overflow:hidden;
}

.ra-auth-hero{
    position:relative;
    background:
        linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.68)),
        url("../img/login-bg.jpg");
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    padding:80px;
}

.ra-auth-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:radial-gradient(circle at center,rgba(255,190,40,.10),transparent 60%);
}

.ra-auth-hero-content{
    position:relative;
    z-index:2;
    max-width:650px;
}

.ra-auth-badge{
    display:inline-flex;
    padding:10px 16px;
    border-radius:50px;
    background:rgba(255,190,40,.10);
    border:1px solid rgba(255,190,40,.18);
    color:#ffd86b;
    font-size:12px;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:28px;
}

.ra-auth-hero h1{
    color:#fff;
    font-size:72px;
    line-height:1;
    font-weight:900;
    margin:0 0 24px;
}

.ra-auth-hero h1 span{
    color:#ffd24d;
    text-shadow:0 0 18px rgba(255,190,40,.35);
}

.ra-auth-hero p{
    color:#d5bc87;
    font-size:18px;
    line-height:1.8;
    max-width:560px;
}

.ra-auth-features{
    display:grid;
    gap:16px;
    margin-top:42px;
}

.ra-auth-panel{
    background:linear-gradient(180deg,#120c04,#080502);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:40px;
}

.ra-auth-card{
    width:100%;
    max-width:420px;
    border-radius:28px;
    padding:34px;
    background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));
    border:1px solid rgba(255,190,40,.14);
    box-shadow:0 20px 60px rgba(0,0,0,.65),0 0 25px rgba(255,170,0,.06);
}

.ra-auth-header h2{
    color:#ffe08a;
    font-size:30px;
    font-weight:900;
    margin:0 0 8px;
}

.ra-auth-header p{
    color:#b89d68;
    margin-bottom:28px;
}

.ra-auth-error{
    margin-bottom:18px;
    padding:14px 16px;
    border-radius:14px;
    background:rgba(255,70,70,.12);
    border:1px solid rgba(255,90,90,.35);
    color:#ffb3b3;
    font-size:13px;
}

.ra-auth-actions{
    margin-top:22px;
}

.ra-auth-btn{
    width:100%;
    height:56px;
    border:none;
    border-radius:18px;
    cursor:pointer;
    color:#2c1700;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
    transition:.25s;
    background:linear-gradient(180deg,#fff0ad,#ffcb39,#b96900);
}

.ra-auth-btn:hover{
    transform:translateY(-2px);
    box-shadow:0 0 25px rgba(255,190,40,.35);
}

.ra-auth-links{
    margin-top:20px;
    text-align:center;
}

.ra-auth-links a{
    color:#c9aa6a;
    font-size:13px;
    text-decoration:none;
    transition:.25s;
}

.ra-auth-links a:hover{
    color:#fff2be;
}

/* NO WHITE INPUT FOCUS */
.ra-auth-page .ra-form-group input,
.ra-auth-page .ra-form-group select{
    background:rgba(255,255,255,.04) !important;
    color:#fff3cf !important;
    border:1px solid rgba(255,190,40,.14) !important;
}

.ra-auth-page .ra-form-group input:focus,
.ra-auth-page .ra-form-group select:focus{
    background:linear-gradient(180deg,rgba(255,190,40,.08),rgba(255,140,0,.03)) !important;
    color:#fff6d6 !important;
    border-color:rgba(255,210,80,.75) !important;
    box-shadow:0 0 0 3px rgba(255,190,40,.10),0 0 18px rgba(255,190,40,.35),inset 0 0 14px rgba(255,190,40,.06) !important;
}

.ra-auth-page .ra-form-group input::placeholder{
    color:#9f8758 !important;
}

@media(max-width:991px){
    .ra-auth-page{
        grid-template-columns:1fr;
    }

    .ra-auth-hero{
        display:none;
    }

    .ra-auth-panel{
        padding:30px 20px;
    }
}


/* =========================
   ACCOUNT DROPDOWN
========================= */

.ra-account-dropdown{
    position: relative;
}

/* BUTTON */
.ra-account-toggle{
    display:flex !important;
    align-items:center;
    gap:8px;

    cursor:pointer;
}

/* MENU */
.ra-account-menu{
    position:absolute;

    top:52px;
    right:0;

    min-width:220px;

    padding:12px;

    border-radius:18px;

    opacity:0;
    visibility:hidden;

    transform:translateY(10px);

    transition:.22s ease;

    z-index:99999;

    background:
        linear-gradient(
            180deg,
            #1a1206 0%,
            #090603 100%
        );

    border:1px solid rgba(255,190,40,.18);

    box-shadow:
        0 12px 40px rgba(0,0,0,.65),
        0 0 20px rgba(255,170,0,.12);
}

/* SHOW */
.ra-account-dropdown:hover .ra-account-menu{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
}

/* LINKS */
.ra-account-menu a{
    display:flex;
    align-items:center;

    width:100%;
    height:46px;

    padding:0 14px;

    border-radius:12px;

    text-decoration:none;

    color:#f4d37b;

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

    transition:.22s ease;
}

/* HOVER */
.ra-account-menu a:hover{
    color:#fff4c8;

    background:
        linear-gradient(
            90deg,
            rgba(255,190,40,.18),
            rgba(255,140,0,.06)
        );

    box-shadow:
        inset 0 0 10px rgba(255,190,40,.08);
}

/* CARET ROTATE */
.ra-account-dropdown:hover .ra-caret{
    transform:translateY(1px) rotate(180deg);
}

/* =========================
   LOGOUT PAGE
========================= */

.ra-logout-card{
    text-align:center;
}

/* ICON */

.ra-logout-icon-wrap{
    width:90px;
    height:90px;

    margin:0 auto 24px;

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

    border-radius:50%;

    font-size:38px;

    background:
        radial-gradient(
            circle,
            rgba(255,210,80,.18),
            rgba(255,140,0,.05)
        );

    border:1px solid rgba(255,190,40,.18);

    box-shadow:
        0 0 30px rgba(255,190,40,.18),
        inset 0 0 25px rgba(255,190,40,.08);
}

/* MESSAGE */

.ra-logout-message{
    margin-top:20px;

    padding:20px;

    border-radius:18px;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.05),
            rgba(255,140,0,.02)
        );

    border:1px solid rgba(255,190,40,.12);
}

.ra-logout-message strong{
    display:block;

    color:#ffe08a;

    font-size:16px;
    font-weight:900;

    margin-bottom:10px;
}

.ra-logout-message p{
    color:#c8a96d;

    font-size:14px;

    line-height:1.7;

    margin:0;
}

/* BUTTON LINK */

.ra-logout-btn{
    display:flex;
    align-items:center;
    justify-content:center;

    text-decoration:none !important;
}

/* HERO OVERRIDE */

.ra-logout-page .ra-auth-hero{
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.40),
            rgba(0,0,0,.72)
        ),
        url("../img/login-bg.jpg");

    background-size:cover;
    background-position:center;
}

/* =========================================
   ACCOUNT VIEW PAGE
========================================= */

.account-view-page{
    width:100%;

    padding:40px 25px 70px;
}

.ra-account-card{
    max-width:1400px;

    margin:auto;

    padding:30px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(20,13,5,.95),
            rgba(8,5,2,.96)
        );

    border:1px solid rgba(255,190,40,.14);

    box-shadow:
        0 20px 60px rgba(0,0,0,.65),
        0 0 30px rgba(255,170,0,.05);
}

/* TITLE */

.account-view-title{
    color:#ffe08a;

    font-size:34px;
    font-weight:900;

    margin:0 0 30px;

    text-shadow:
        0 0 15px rgba(255,190,40,.18);
}

/* SUBHEADINGS */

.ra-account-card h3{
    color:#ffd86b;

    font-size:22px;
    font-weight:900;

    margin:45px 0 18px;

    padding-bottom:14px;

    border-bottom:1px solid rgba(255,190,40,.10);
}

/* TABLE */

.vertical-table{
    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:
        rgba(0,0,0,.18);

    border:1px solid rgba(255,190,40,.08);
}

/* HEADERS */

.vertical-table th{
    background:
        rgba(255,190,40,.05);

    color:#ffd86b;

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

    letter-spacing:.5px;

    padding:14px 16px;

    border-bottom:1px solid rgba(255,190,40,.08);

    text-transform:uppercase;
}

/* DATA */

.vertical-table td{
    background:
        rgba(255,255,255,.015);

    color:#dcc38d;

    padding:14px 16px;

    font-size:13px;

    border-bottom:1px solid rgba(255,255,255,.03);
}

/* ROUNDED CORNERS */

/* CLEANER ROW HOVER */
.vertical-table tr:hover td{
    background:
        rgba(255,190,40,.03);

    transition:.2s ease;
}

/* LESS BRIGHT BUTTONS */
.block-link{
    min-width:110px !important;

    height:34px !important;

    font-size:11px !important;

    border-radius:10px !important;

    background:
        linear-gradient(
            180deg,
            #f8d96b,
            #d18a00
        ) !important;

    box-shadow:none !important;
}

.block-link:hover{
    background:
        linear-gradient(
            180deg,
            #ffe08a,
            #e39a00
        ) !important;

    transform:none !important;
}

/* SOFTER ACCOUNT CARD */
.ra-account-card{
    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        ) !important;

    border:1px solid rgba(255,190,40,.08) !important;

    box-shadow:
        0 10px 40px rgba(0,0,0,.45) !important;
}

/* SMALLER HEADINGS */
.ra-account-card h3{
    font-size:18px !important;

    margin:35px 0 16px !important;
}

/* LESS AGGRESSIVE TITLE */
.account-view-title{
    font-size:28px !important;

    margin-bottom:24px !important;
}

/* LINKS */

.vertical-table a{
    color:#ffd86b;

    text-decoration:none;

    font-weight:700;

    transition:.2s;
}

.vertical-table a:hover{
    color:#fff3c8;

    text-shadow:
        0 0 10px rgba(255,210,80,.25);
}

/* ONLINE OFFLINE */

.online{
    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 12px;

    border-radius:50px;

    background:
        rgba(40,180,90,.15);

    color:#7dffb0;

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

    border:1px solid rgba(40,180,90,.25);
}

.offline{
    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 12px;

    border-radius:50px;

    background:
        rgba(255,80,80,.10);

    color:#ffb3b3;

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

    border:1px solid rgba(255,80,80,.22);
}

/* ACCOUNT STATES */

.account-state{
    display:inline-flex;

    padding:6px 12px;

    border-radius:50px;

    font-size:12px;
    font-weight:800;
}

.state-pending{
    background:
        rgba(255,190,40,.10);

    color:#ffd86b;

    border:1px solid rgba(255,190,40,.22);
}

.state-banned{
    background:
        rgba(255,70,70,.12);

    color:#ffb3b3;

    border:1px solid rgba(255,90,90,.25);
}

/* BLOCK BUTTON LINKS */

.block-link{
    display:inline-flex;

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

    min-width:120px;

    height:38px;

    padding:0 14px;

    border-radius:12px;

    text-decoration:none !important;

    color:#2b1700 !important;

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

    letter-spacing:.5px;

    transition:.25s;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );
}

.block-link:hover{
    transform:translateY(-1px);

    box-shadow:
        0 0 16px rgba(255,190,40,.25);
}

/* ITEM NAMES */

.item_name{
    color:#fff0c0;

    font-weight:800;
}

/* NONE / N/A */

.not-applicable{
    color:#866d45;
}

/* YES NO */

.yes{
    color:#7dffb0;
    font-weight:800;
}

.no{
    color:#ff9c9c;
    font-weight:800;
}

/* IMAGES */

.vertical-table img{
    border-radius:8px;
}

/* TOTAL ZENY */

.ra-account-card p strong{
    color:#ffe08a;
}

/* TEXTAREA */

textarea.reason{
    width:100%;

    min-height:110px;

    margin-top:10px;

    padding:14px;

    border-radius:16px;

    resize:vertical;

    background:
        rgba(255,255,255,.03);

    border:1px solid rgba(255,190,40,.12);

    color:#fff3cf;
}

/* INPUTS */

.ra-account-card input,
.ra-account-card select{
    height:46px;

    border-radius:14px;

    padding:0 14px;

    background:
        rgba(255,255,255,.03);

    border:1px solid rgba(255,190,40,.10);

    color:#fff3cf;
}

/* SUBMIT */

.ra-account-card input[type="submit"]{
    height:44px;

    padding:0 18px;

    border:none;

    cursor:pointer;

    color:#2b1700;

    font-weight:900;

    border-radius:14px;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );
}

/* MOBILE */

@media(max-width:1100px){

    .vertical-table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }

}

/* =====================================
   CHARACTER VIEW REDESIGN
===================================== */

.character-section{
    margin-top:28px;

    padding:22px;

    border-radius:24px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.02),
            rgba(255,255,255,.01)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        inset 0 0 20px rgba(255,190,40,.02);
}

/* SECTION TITLES */

.character-section h3{
    margin:0 0 18px !important;

    padding-bottom:14px;

    font-size:22px !important;

    color:#ffe08a !important;

    border-bottom:1px solid rgba(255,190,40,.10);
}

/* MAIN CHARACTER INFO */

.vertical-table{
    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:
        rgba(0,0,0,.18);

    border:1px solid rgba(255,190,40,.06);
}

.vertical-table th{
    width:180px;

    background:
        rgba(255,190,40,.04);

    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:14px 16px;

    border-bottom:1px solid rgba(255,255,255,.03);
}

.vertical-table td{
    background:
        rgba(255,255,255,.015);

    color:#dcc38d;

    padding:14px 16px;

    border-bottom:1px solid rgba(255,255,255,.03);
}








/* =========================================
   CHARACTER VIEW PAGE
========================================= */

.ra-character-page{
    width:100%;

    padding:40px 25px 70px;
}

.ra-character-card{
    max-width:1450px;

    margin:auto;

    padding:30px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* TITLE */

.ra-character-title{
    color:#ffe08a;

    font-size:34px;

    font-weight:900;

    margin:0 0 30px;

    text-shadow:
        0 0 15px rgba(255,190,40,.15);
}

/* SECTION TITLE */

.ra-character-card h3{
    color:#ffd86b;

    font-size:24px;

    font-weight:900;

    margin:40px 0 18px;

    padding-bottom:14px;

    border-bottom:
        1px solid rgba(255,190,40,.08);
}

/* TABLE */

.ra-character-card .vertical-table{
    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:
        rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

/* HEADERS */

.ra-character-card .vertical-table th{
    background:
        rgba(255,190,40,.04);

    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:14px 16px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    white-space:nowrap;

    text-align:left;
}

/* TD */

.ra-character-card .vertical-table td{
    background:
        rgba(255,255,255,.012);

    color:#dcc38d;

    padding:14px 16px;

    font-size:13px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    vertical-align:middle;
}

/* HOVER */

.ra-character-card .vertical-table tr:hover td{
    background:
        rgba(255,190,40,.025);

    transition:.2s ease;
}

/* LINKS */

.ra-character-card .vertical-table a{
    color:#ffe08a;

    text-decoration:none;

    font-weight:700;

    transition:.2s;
}

.ra-character-card .vertical-table a:hover{
    color:#fff4c8;

    text-shadow:
        0 0 10px rgba(255,210,80,.18);
}

/* CHARACTER SPRITE */

.ra-character-card .character-avatar-cell{
    width:180px !important;

    min-width:180px;

    text-align:center;

    vertical-align:middle;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.03),
            rgba(255,140,0,.01)
        ) !important;
}

.ra-character-card .character-avatar-cell img{
    transform:scale(1.15);

    filter:
        drop-shadow(0 0 16px rgba(255,190,40,.14));
}

/* STATS */

.ra-character-card .character-stats{
    width:auto !important;

    border-collapse:separate !important;

    border-spacing:12px !important;
}

.ra-character-card .character-stats td{
    border:none !important;

    background:none !important;

    padding:0 !important;
}

.ra-character-card .stat-name{
    display:inline-flex;

    width:54px;
    height:34px;

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

    border-radius:10px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:12px;

    font-weight:900;
}

.ra-character-card .stat-value{
    color:#fff0c0;

    font-size:15px;

    font-weight:900;
}

/* STATUS */

.ra-character-card .online,
.ra-character-card .offline{
    display:inline-flex;

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

    min-width:84px;

    height:30px;

    border-radius:50px;

    font-size:12px;

    font-weight:800;
}

.ra-character-card .online{
    background:
        rgba(40,180,90,.14);

    color:#7dffb0;

    border:
        1px solid rgba(40,180,90,.18);
}

.ra-character-card .offline{
    background:
        rgba(255,80,80,.10);

    color:#ffb3b3;

    border:
        1px solid rgba(255,80,80,.18);
}

/* NONE */

.ra-character-card .not-applicable{
    color:#8b744d;
}

/* ITEMS */

.ra-character-card .item_name{
    color:#fff0c0;

    font-weight:800;
}

/* EQUIPPED */

.ra-character-card .equipped td{
    background:
        rgba(255,190,40,.03);
}

/* YES / NO */

.ra-character-card .yes{
    color:#80ffb0;

    font-weight:800;
}

.ra-character-card .no{
    color:#ff9d9d;

    font-weight:800;
}

/* ITEM IMAGES */

.ra-character-card .vertical-table img{
    border-radius:6px;
}

/* PARAGRAPH */

.ra-character-card p{
    color:#c8a96d;

    line-height:1.7;
}

/* MOBILE */

@media(max-width:1200px){

    .ra-character-card .vertical-table{
        display:block;

        overflow-x:auto;

        white-space:nowrap;
    }

}

@media(max-width:768px){

    .ra-character-page{
        padding:25px 15px 60px;
    }

    .ra-character-card{
        padding:20px;
    }

    .ra-character-title{
        font-size:28px;
    }

    .ra-character-card h3{
        font-size:20px;
    }

}

/* =========================================
   CHARACTER PREFERENCES
========================================= */

.ra-pref-page{
    width:100%;

    padding:40px 25px 70px;
}

.ra-pref-card{
    max-width:950px;

    margin:auto;

    padding:32px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* HEADER */

.ra-pref-header{
    margin-bottom:30px;
}

.ra-pref-badge{
    display:inline-flex;

    align-items:center;

    height:32px;

    padding:0 14px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:18px;
}

.ra-pref-header h2{
    color:#ffe08a;

    font-size:36px;

    font-weight:900;

    margin:0 0 12px;
}

.ra-pref-header p{
    color:#c8a96d;

    font-size:15px;

    line-height:1.7;

    margin:0;
}

/* ERROR */

.ra-pref-error{
    padding:16px 18px;

    border-radius:16px;

    margin-bottom:20px;

    background:
        rgba(255,70,70,.10);

    border:1px solid rgba(255,70,70,.18);

    color:#ffb3b3;

    font-weight:700;
}

/* OPTIONS */

.ra-pref-option{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:24px;

    margin-bottom:18px;

    border-radius:22px;

    background:
        rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

.ra-pref-info h3{
    color:#ffe08a;

    font-size:18px;

    font-weight:800;

    margin:0 0 8px;
}

.ra-pref-info p{
    color:#b99a60;

    font-size:14px;

    line-height:1.7;

    margin:0;
}

/* SWITCH */

.ra-switch{
    position:relative;

    width:68px;
    height:36px;

    flex-shrink:0;
}

.ra-switch input{
    opacity:0;

    width:0;
    height:0;
}

.ra-slider{
    position:absolute;

    inset:0;

    cursor:pointer;

    border-radius:50px;

    background:
        rgba(255,255,255,.08);

    transition:.25s;
}

.ra-slider::before{
    content:"";

    position:absolute;

    width:28px;
    height:28px;

    left:4px;
    top:4px;

    border-radius:50%;

    background:#fff3cf;

    transition:.25s;

    box-shadow:
        0 0 10px rgba(255,255,255,.12);
}

.ra-switch input:checked + .ra-slider{
    background:
        linear-gradient(
            180deg,
            #ffd86b,
            #c97b00
        );

    box-shadow:
        0 0 18px rgba(255,190,40,.18);
}

.ra-switch input:checked + .ra-slider::before{
    transform:translateX(32px);

    background:#2b1700;
}

/* BUTTON */

.ra-pref-actions{
    margin-top:28px;
}

.ra-pref-btn{
    width:100%;

    height:56px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    color:#2b1700;

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );

    transition:.25s;
}

.ra-pref-btn:hover{
    transform:translateY(-1px);

    box-shadow:
        0 0 20px rgba(255,190,40,.18);
}

/* MOBILE */

@media(max-width:768px){

    .ra-pref-page{
        padding:25px 15px 60px;
    }

    .ra-pref-card{
        padding:22px;
    }

    .ra-pref-option{
        flex-direction:column;

        align-items:flex-start;
    }

    .ra-pref-header h2{
        font-size:28px;
    }

}

/* BACK BUTTON */

.ra-pref-back{
    display:inline-flex;

    align-items:center;

    gap:8px;

    height:40px;

    padding:0 16px;

    margin-bottom:18px;

    border-radius:14px;

    text-decoration:none;

    color:#ffe08a;

    font-size:13px;

    font-weight:800;

    background:
        rgba(255,190,40,.06);

    border:1px solid rgba(255,190,40,.10);

    transition:.22s ease;
}

.ra-pref-back:hover{
    color:#fff4c8;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.12),
            rgba(255,140,0,.04)
        );

    box-shadow:
        0 0 16px rgba(255,190,40,.12);
}


/* =========================================
   PAGE ACTION MENU
========================================= */

.ra-page-actions-wrap{
    width:100%;

    margin-bottom:28px;
}

.ra-page-actions{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:18px;

    padding:18px 22px;

    border-radius:22px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 30px rgba(0,0,0,.35);
}

/* TITLE */

.ra-page-actions-title{
    color:#ffd86b;

    font-size:13px;

    font-weight:900;

    letter-spacing:1px;

    text-transform:uppercase;

    flex-shrink:0;
}

/* LINKS */

.ra-page-actions-links{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;
}

/* BUTTON */

.ra-page-action-btn{
    display:inline-flex;

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

    min-height:40px;

    padding:0 18px;

    border-radius:14px;

    text-decoration:none;

    color:#c9aa6a;

    font-size:13px;

    font-weight:800;

    transition:.22s ease;

    background:
        rgba(255,255,255,.02);

    border:1px solid rgba(255,190,40,.05);
}

/* HOVER */

.ra-page-action-btn:hover{
    color:#fff4c8;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.12),
            rgba(255,140,0,.04)
        );

    border-color:
        rgba(255,190,40,.16);

    box-shadow:
        0 0 16px rgba(255,190,40,.10);
}

/* MOBILE */

@media(max-width:768px){

    .ra-page-actions{
        flex-direction:column;

        align-items:flex-start;
    }

    .ra-page-actions-links{
        width:100%;
    }

}




/* =========================================
   ADMIN ACCOUNT PAGE
========================================= */

.ra-admin-page{
    width:100%;

    padding:40px 25px 70px;
}

.ra-admin-card{
    max-width:1600px;

    margin:auto;

    padding:30px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* HEADER */

.ra-admin-header{
    margin-bottom:30px;
}

.ra-admin-badge{
    display:inline-flex;

    align-items:center;

    height:32px;

    padding:0 14px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:18px;
}

.ra-admin-header h2{
    color:#ffe08a;

    font-size:36px;

    font-weight:900;

    margin:0 0 12px;
}

.ra-admin-header p{
    color:#c8a96d;

    font-size:15px;

    line-height:1.7;

    margin:0;
}

/* SEARCH FORM */

.search-form{
    margin-bottom:28px;

    padding:24px;

    border-radius:24px;

    background:
        rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

.search-form p{
    display:flex;

    flex-wrap:wrap;

    align-items:center;

    gap:12px;

    margin-bottom:16px;
}

/* LABELS */

.search-form label{
    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;
}

.search-form input[type="text"]:focus,
.search-form select:focus{
    outline:none;

    border-color:
        rgba(255,210,80,.35);

    box-shadow:
        0 0 16px rgba(255,190,40,.10);
}

/* CHECKBOX */

.search-form input[type="checkbox"]{
    width:16px;
    height:16px;

    accent-color:#ffcb39;
}

/* BUTTONS */

.search-form input[type="submit"],
.search-form input[type="button"]{
    height:42px;

    padding:0 18px;

    border:none;

    border-radius:14px;

    cursor:pointer;

    color:#2b1700;

    font-size:12px;

    font-weight:900;

    letter-spacing:.5px;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );

    transition:.22s ease;
}

.search-form input[type="submit"]:hover,
.search-form input[type="button"]:hover{
    box-shadow:
        0 0 18px rgba(255,190,40,.14);
}

/* TABLE */

.horizontal-table{
    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:
        rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

/* TH */

.horizontal-table th{
    background:
        rgba(255,190,40,.04);

    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:14px 16px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    white-space:nowrap;

    text-align:left;
}

/* TD */

.horizontal-table td{
    background:
        rgba(255,255,255,.012);

    color:#dcc38d;

    padding:14px 16px;

    font-size:13px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    vertical-align:middle;
}

/* ROW HOVER */

.horizontal-table tr:hover td{
    background:
        rgba(255,190,40,.025);

    transition:.2s ease;
}

/* LINKS */

.horizontal-table a{
    color:#ffe08a;

    text-decoration:none;

    font-weight:700;
}

.horizontal-table a:hover{
    color:#fff4c8;
}

/* STATES */

.account-state{
    display:inline-flex;

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

    min-height:30px;

    padding:0 12px;

    border-radius:50px;

    font-size:11px;

    font-weight:900;
}

.state-pending{
    background:
        rgba(255,190,40,.10);

    color:#ffd86b;

    border:1px solid rgba(255,190,40,.18);
}

.state-banned{
    background:
        rgba(255,80,80,.10);

    color:#ffb3b3;

    border:1px solid rgba(255,80,80,.18);
}

/* NOT APPLICABLE */

.not-applicable{
    color:#8b744d;
}

/* TOGGLER */

.toggler{
    margin-bottom:18px;
}

.toggler a{
    display:inline-flex;

    align-items:center;

    height:40px;

    padding:0 16px;

    border-radius:14px;

    text-decoration:none;

    color:#ffd86b;

    font-size:13px;

    font-weight:800;

    background:
        rgba(255,190,40,.05);

    border:1px solid rgba(255,190,40,.08);

    transition:.22s ease;
}

.toggler a:hover{
    background:
        rgba(255,190,40,.10);
}

/* PAGINATOR */

.pagination{
    margin-top:22px;
}

/* MOBILE */

@media(max-width:1200px){

    .horizontal-table{
        display:block;

        overflow-x:auto;

        white-space:nowrap;
    }

}

@media(max-width:768px){

    .ra-admin-page{
        padding:25px 15px 60px;
    }

    .ra-admin-card{
        padding:22px;
    }

    .ra-admin-header h2{
        font-size:28px;
    }

}

/* =========================================
   GLOBAL INPUT STYLE
========================================= */

/* TEXT / PASSWORD / EMAIL / DATE */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"],
input[type="number"],
select,
textarea{
    height:36px;

    padding:0 14px;

    border-radius:14px !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.03),
            rgba(255,255,255,.015)
        ) !important;

    border:
        1px solid rgba(255,190,40,.10) !important;

    color:#fff0c0 !important;

    font-size:13px !important;

    transition:.22s ease !important;

    box-shadow:none !important;
}

/* TEXTAREA */

textarea{
    min-height:120px;

    padding:14px !important;

    resize:vertical;
}

/* PLACEHOLDER */

input::placeholder,
textarea::placeholder{
    color:#8f7444 !important;
}

/* FOCUS */

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="date"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
    outline:none !important;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.08),
            rgba(255,140,0,.03)
        ) !important;

    border-color:
        rgba(255,210,80,.38) !important;

    color:#fff5d6 !important;

    box-shadow:
        0 0 0 3px rgba(255,190,40,.06),
        0 0 16px rgba(255,190,40,.10),
        inset 0 0 10px rgba(255,190,40,.04) !important;
}

/* SELECT */

select{
    cursor:pointer;

    min-width:110px;
}

/* CHECKBOX */

input[type="checkbox"]{
    width:16px;
    height:16px;

    accent-color:#ffcb39;
}

/* RADIO */

input[type="radio"]{
    accent-color:#ffcb39;
}

/* SEARCH FORM FIX */

.search-form input[type="text"],
.search-form select{
    min-width:120px;
}

/* SMALL INPUTS */

input.small-input{
    width:90px;
}

/* REMOVE OLD WHITE BG */

input,
select,
textarea{
    background-clip:padding-box !important;
}

/* FIX SELECT DROPDOWN READABILITY */
select,
select option{
    background-color: #120c04 !important;
    color: #ffe08a !important;
}

select option:hover,
select option:checked{
    background-color: #ffcb39 !important;
    color: #2b1700 !important;
}

/* Firefox support */
select:-moz-focusring{
    color: transparent !important;
    text-shadow: 0 0 0 #ffe08a !important;
}


/* =========================================
   ADMIN EDIT ACCOUNT
========================================= */

.ra-admin-edit-page{
    width:100%;
    padding:40px 25px 70px;
}

.ra-admin-edit-card{
    max-width:1200px;
    margin:auto;

    padding:32px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* HEADER */

.ra-admin-edit-header{
    margin-bottom:30px;
}

.ra-admin-edit-badge{
    display:inline-flex;

    align-items:center;

    height:32px;

    padding:0 14px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:18px;
}

.ra-admin-edit-header h2{
    color:#ffe08a;

    font-size:36px;

    font-weight:900;

    margin:0 0 12px;
}

.ra-admin-edit-header p{
    color:#c8a96d;

    line-height:1.7;

    margin:0;
}

/* ERROR */

.ra-admin-edit-error{
    padding:16px 18px;

    border-radius:16px;

    margin-bottom:22px;

    background:
        rgba(255,70,70,.10);

    border:1px solid rgba(255,70,70,.18);

    color:#ffb3b3;

    font-weight:700;
}

/* GRID */

.ra-admin-edit-grid{
    display:grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:22px;
}

/* FULL */

.ra-edit-full{
    grid-column:1 / -1;
}

/* ITEM */

.ra-edit-item{
    display:flex;

    flex-direction:column;

    gap:10px;
}

/* LABEL */

.ra-edit-item label{
    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    letter-spacing:.5px;

    text-transform:uppercase;
}

/* STATIC */

.ra-edit-static{
    min-height:46px;

    display:flex;

    align-items:center;

    padding:0 14px;

    border-radius:14px;

    background:
        rgba(255,255,255,.02);

    border:1px solid rgba(255,190,40,.06);

    color:#fff0c0;

    font-weight:700;
}

/* INLINE */

.ra-inline-row{
    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;
}

/* NOTE */

.ra-edit-note{
    padding:16px 18px;

    border-radius:16px;

    background:
        rgba(255,190,40,.05);

    border:1px solid rgba(255,190,40,.08);

    color:#d4bc87;

    line-height:1.7;
}

/* ACTIONS */

.ra-admin-edit-actions{
    margin-top:32px;
}

/* BUTTON */

.ra-admin-edit-btn{
    width:100%;

    height:56px;

    border:none;

    border-radius:18px;

    cursor:pointer;

    color:#2b1700;

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );

    transition:.22s ease;
}

.ra-admin-edit-btn:hover{
    box-shadow:
        0 0 18px rgba(255,190,40,.14);
}

/* MOBILE */

@media(max-width:768px){

    .ra-admin-edit-page{
        padding:25px 15px 60px;
    }

    .ra-admin-edit-card{
        padding:22px;
    }

    .ra-admin-edit-grid{
        grid-template-columns:1fr;
    }

    .ra-admin-edit-header h2{
        font-size:28px;
    }

}


/* =========================================
   ACCOUNT ACTION PAGE
   Change Password / Change Email Ready
========================================= */

.ra-account-action-page{
    width:100%;
    padding:40px 25px 70px;
}

.ra-account-action-card{
    max-width:1050px;
    margin:auto;
    padding:32px;
    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* HEADER */

.ra-account-action-header{
    margin-bottom:30px;
}

.ra-account-action-badge{
    display:inline-flex;
    align-items:center;
    height:32px;
    padding:0 14px;
    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;

    margin-bottom:18px;
}

.ra-account-action-header h2{
    color:#ffe08a;
    font-size:36px;
    font-weight:900;
    margin:0 0 12px;
}

.ra-account-action-header p{
    color:#c8a96d;
    font-size:15px;
    line-height:1.7;
    margin:0;
}

/* ERROR */

.ra-account-action-error{
    padding:16px 18px;
    border-radius:16px;
    margin-top:18px;

    background:rgba(255,70,70,.10);
    border:1px solid rgba(255,70,70,.18);

    color:#ffb3b3;
    font-weight:700;
}

/* GRID */

.ra-account-action-grid{
    display:grid;
    grid-template-columns:1fr 340px;
    gap:26px;
}

/* FIELDS */

.ra-account-action-fields{
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* NOTE */

.ra-account-action-note{
    padding:24px;
    border-radius:22px;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.06),
            rgba(255,140,0,.02)
        );

    border:1px solid rgba(255,190,40,.08);
}

.ra-note-icon{
    font-size:30px;
    margin-bottom:16px;
}

.ra-account-action-note h3{
    color:#ffe08a;
    font-size:18px;
    font-weight:900;
    margin:0 0 12px;
}

.ra-account-action-note p{
    color:#c8a96d;
    font-size:14px;
    line-height:1.7;
    margin:0 0 12px;
}

.ra-account-action-note .important{
    color:#ffd86b;
    font-weight:800;
}

/* ACTION */

.ra-account-action-actions{
    margin-top:30px;
}

.ra-account-action-btn{
    width:100%;
    height:54px;

    border:none;
    border-radius:18px;

    cursor:pointer;

    color:#2b1700;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );

    transition:.22s ease;
}

.ra-account-action-btn:hover{
    box-shadow:0 0 18px rgba(255,190,40,.16);
}

/* MOBILE */

@media(max-width:900px){

    .ra-account-action-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:768px){

    .ra-account-action-page{
        padding:25px 15px 60px;
    }

    .ra-account-action-card{
        padding:22px;
    }

    .ra-account-action-header h2{
        font-size:28px;
    }

}

/* EMAIL CHANGE EXTRA */

.ra-account-action-confirm{
    margin-top:14px !important;

    padding:14px 16px;

    border-radius:14px;

    background:
        rgba(255,190,40,.05);

    border:
        1px solid rgba(255,190,40,.08);

    color:#ffd86b !important;

    font-size:14px;

    line-height:1.7;
}

/* =========================================
   ITEM VIEW PAGE
========================================= */

.ra-item-page{
    width:100%;

    padding:40px 25px 70px;
}

.ra-item-card{
    max-width:1450px;

    margin:auto;

    padding:32px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* HEADER */

.ra-item-header{
    margin-bottom:30px;
}

.ra-item-badge{
    display:inline-flex;

    align-items:center;

    height:32px;

    padding:0 14px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:18px;
}

.ra-item-title{
    color:#ffe08a;

    font-size:38px;

    font-weight:900;

    margin:0 0 12px;

    text-shadow:
        0 0 15px rgba(255,190,40,.15);
}

.ra-item-header p{
    color:#c8a96d;

    font-size:15px;

    line-height:1.7;

    margin:0;
}

/* ITEM NAME */

.ra-item-card h3{
    display:flex;

    align-items:center;

    gap:12px;

    color:#ffd86b;

    font-size:24px;

    font-weight:900;

    margin:40px 0 18px;

    padding-bottom:14px;

    border-bottom:
        1px solid rgba(255,190,40,.08);
}

.ra-item-card h3 img{
    width:34px;
    height:34px;

    image-rendering:auto;

    filter:
        drop-shadow(0 0 10px rgba(255,190,40,.18));
}

/* TABLE */

.ra-item-card .vertical-table{
    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:
        rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

/* TH */

.ra-item-card .vertical-table th{
    background:
        rgba(255,190,40,.04);

    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:14px 16px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    white-space:nowrap;

    text-align:left;
}

/* TD */

.ra-item-card .vertical-table td{
    background:
        rgba(255,255,255,.012);

    color:#dcc38d;

    padding:14px 16px;

    font-size:13px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    vertical-align:middle;
}

/* HOVER */

.ra-item-card .vertical-table tr:hover td{
    background:
        rgba(255,190,40,.025);

    transition:.2s ease;
}

/* IMAGE */

.ra-item-image-cell{
    width:180px !important;

    min-width:180px;

    text-align:center;

    vertical-align:middle;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.04),
            rgba(255,140,0,.01)
        ) !important;
}

.ra-item-image-cell img{
    max-width:120px;

    image-rendering:auto;

    transform:scale(1.1);

    filter:
        drop-shadow(0 0 18px rgba(255,190,40,.16));
}

/* YES / NO */

.for-sale.yes,
.yes{
    color:#7dffb0;

    font-weight:800;
}

.for-sale.no,
.no{
    color:#ff9d9d;

    font-weight:800;
}

/* NONE */

.not-applicable{
    color:#8b744d;
}

/* MVP */

.mvp{
    display:inline-flex;

    align-items:center;

    height:24px;

    padding:0 10px;

    margin-right:8px;

    border-radius:50px;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );

    color:#2b1700;

    font-size:10px;

    font-weight:900;

    letter-spacing:.5px;
}

/* SCRIPT BLOCK */

.script{
    padding:16px;

    border-radius:16px;

    background:
        rgba(0,0,0,.30);

    border:
        1px solid rgba(255,190,40,.08);

    overflow:auto;

    color:#ffe7aa;

    font-family:monospace;

    font-size:12px;

    line-height:1.7;
}

/* LINKS */

.ra-item-card a{
    color:#ffe08a;

    text-decoration:none;

    font-weight:700;
}

.ra-item-card a:hover{
    color:#fff4c8;
}

/* MOBILE */

@media(max-width:1200px){

    .ra-item-card .vertical-table{
        display:block;

        overflow-x:auto;

        white-space:nowrap;
    }

}

@media(max-width:768px){

    .ra-item-page{
        padding:25px 15px 60px;
    }

    .ra-item-card{
        padding:22px;
    }

    .ra-item-title{
        font-size:28px;
    }

    .ra-item-card h3{
        font-size:20px;
    }

}

/* MONSTER VIEW PAGE */

.ra-monster-page{
    width:100%;
    padding:40px 25px 70px;
}

.ra-monster-card{
    max-width:1450px;
    margin:auto;
    padding:32px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(14,9,4,.96),rgba(8,5,2,.98));
    border:1px solid rgba(255,190,40,.08);
    box-shadow:0 10px 40px rgba(0,0,0,.45);
}

.ra-monster-header{
    margin-bottom:30px;
}

.ra-monster-badge{
    display:inline-flex;
    align-items:center;
    height:32px;
    padding:0 14px;
    border-radius:50px;
    background:rgba(255,190,40,.08);
    color:#ffd86b;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    margin-bottom:18px;
}

.ra-monster-title{
    color:#ffe08a;
    font-size:38px;
    font-weight:900;
    margin:0 0 12px;
    text-shadow:0 0 15px rgba(255,190,40,.15);
}

.ra-monster-header p{
    color:#c8a96d;
    font-size:15px;
    line-height:1.7;
    margin:0;
}

.ra-monster-card h3{
    display:flex;
    align-items:center;
    gap:12px;
    color:#ffd86b;
    font-size:24px;
    font-weight:900;
    margin:40px 0 18px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,190,40,.08);
}

.ra-monster-card .vertical-table{
    width:100%;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:18px;
    background:rgba(255,255,255,.015);
    border:1px solid rgba(255,190,40,.06);
}

.ra-monster-card .vertical-table th{
    background:rgba(255,190,40,.04);
    color:#ffd86b;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.5px;
    padding:14px 16px;
    border-bottom:1px solid rgba(255,255,255,.03);
    white-space:nowrap;
    text-align:left;
}

.ra-monster-card .vertical-table td{
    background:rgba(255,255,255,.012);
    color:#dcc38d;
    padding:14px 16px;
    font-size:13px;
    border-bottom:1px solid rgba(255,255,255,.03);
    vertical-align:middle;
}

.ra-monster-card .vertical-table tr:hover td{
    background:rgba(255,190,40,.025);
    transition:.2s ease;
}

.ra-monster-image-cell{
    width:180px !important;
    min-width:180px;
    text-align:center;
    vertical-align:middle;
    background:linear-gradient(180deg,rgba(255,190,40,.04),rgba(255,140,0,.01)) !important;
}

.ra-monster-image-cell img{
    max-width:130px;
    transform:scale(1.1);
    filter:drop-shadow(0 0 18px rgba(255,190,40,.16));
}

.ra-monster-card .character-stats{
    width:auto !important;
    border-collapse:separate !important;
    border-spacing:12px !important;
}

.ra-monster-card .character-stats td{
    border:none !important;
    background:none !important;
    padding:0 !important;
}

.ra-monster-card .stat-name{
    display:inline-flex;
    width:54px;
    height:34px;
    align-items:center;
    justify-content:center;
    border-radius:10px;
    background:rgba(255,190,40,.08);
    color:#ffd86b;
    font-size:12px;
    font-weight:900;
}

.ra-monster-card .stat-value{
    color:#fff0c0;
    font-size:15px;
    font-weight:900;
}

.ra-monster-card .monster-mode{
    margin:0;
    padding-left:18px;
    color:#dcc38d;
}

.ra-monster-card .mvp{
    display:inline-flex;
    align-items:center;
    height:24px;
    padding:0 10px;
    border-radius:50px;
    background:linear-gradient(180deg,#fff0ad,#ffcb39,#b96900);
    color:#2b1700;
    font-size:10px;
    font-weight:900;
    letter-spacing:.5px;
}

.ra-monster-card .not-applicable{
    color:#8b744d;
}

.ra-monster-card a{
    color:#ffe08a;
    text-decoration:none;
    font-weight:700;
}

.ra-monster-card a:hover{
    color:#fff4c8;
}

.ra-monster-card .vertical-table img{
    border-radius:6px;
}

@media(max-width:1200px){
    .ra-monster-card .vertical-table{
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }
}

@media(max-width:768px){
    .ra-monster-page{
        padding:25px 15px 60px;
    }

    .ra-monster-card{
        padding:22px;
    }

    .ra-monster-title{
        font-size:28px;
    }

    .ra-monster-card h3{
        font-size:20px;
    }
}

/* CP LOGS PAGE */

.ra-cplogs-page{
    width:100%;
    padding:40px 25px 70px;
}

.ra-cplogs-card{
    max-width:950px;
    margin:auto;
    padding:32px;
    border-radius:28px;
    background:linear-gradient(180deg,rgba(14,9,4,.96),rgba(8,5,2,.98));
    border:1px solid rgba(255,190,40,.08);
    box-shadow:0 10px 40px rgba(0,0,0,.45);
}

.ra-cplogs-badge{
    display:inline-flex;
    align-items:center;
    height:32px;
    padding:0 14px;
    border-radius:50px;
    background:rgba(255,190,40,.08);
    color:#ffd86b;
    font-size:11px;
    font-weight:900;
    letter-spacing:1px;
    margin-bottom:18px;
}

.ra-cplogs-header h2{
    color:#ffe08a;
    font-size:36px;
    font-weight:900;
    margin:0 0 12px;
}

.ra-cplogs-header p{
    color:#c8a96d;
    font-size:15px;
    line-height:1.7;
    margin:0;
}

.ra-cplogs-notice{
    margin-top:28px;
    display:flex;
    gap:16px;
    padding:22px;
    border-radius:22px;
    background:rgba(255,255,255,.015);
    border:1px solid rgba(255,190,40,.06);
}

.ra-cplogs-icon{
    font-size:32px;
}

.ra-cplogs-notice h3{
    color:#ffd86b;
    font-size:18px;
    margin:0 0 8px;
}

.ra-cplogs-notice p{
    color:#b99a60;
    line-height:1.7;
    margin:0;
}


/* ACTIVE PAGE MENU */

.ra-page-action-btn.active{
    color:#2b1700;

    background:
        linear-gradient(
            180deg,
            #fff0ad,
            #ffcb39,
            #b96900
        );

    border-color:
        rgba(255,210,80,.35);

    box-shadow:
        0 0 18px rgba(255,190,40,.14);
}


/* GUILD INDEX EXTRA */

.ra-guild-table .ra-guild-emblem img{
    width:24px;
    height:24px;
    border-radius:6px;
    image-rendering:auto;
}

.ra-guild-table .ra-guild-name{
    color:#fff0c0;
    font-weight:800;
}

.ra-empty-message{
    color:#c8a96d;
    line-height:1.7;
}

.ra-empty-message a{
    color:#ffe08a;
    text-decoration:none;
    font-weight:800;
}


/* =========================================
   GUILD VIEW PAGE
========================================= */

.ra-guild-view-page{
    width:100%;
    padding:40px 25px 70px;
}

.ra-guild-view-card{
    max-width:1600px;
    margin:auto;

    padding:32px;

    border-radius:28px;

    background:
        linear-gradient(
            180deg,
            rgba(14,9,4,.96),
            rgba(8,5,2,.98)
        );

    border:1px solid rgba(255,190,40,.08);

    box-shadow:
        0 10px 40px rgba(0,0,0,.45);
}

/* HEADER */

.ra-guild-view-header{
    margin-bottom:30px;
}

.ra-guild-view-badge{
    display:inline-flex;
    align-items:center;

    height:32px;

    padding:0 14px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:18px;
}

.ra-guild-view-title{
    color:#ffe08a;

    font-size:38px;

    font-weight:900;

    margin:0 0 12px;

    text-shadow:
        0 0 15px rgba(255,190,40,.15);
}

.ra-guild-view-header p{
    color:#c8a96d;

    font-size:15px;

    line-height:1.7;

    margin:0;
}

/* SECTION TITLES */

.ra-guild-view-card h3{
    display:flex;

    align-items:center;

    gap:12px;

    color:#ffd86b;

    font-size:24px;

    font-weight:900;

    margin:40px 0 18px;

    padding-bottom:14px;

    border-bottom:
        1px solid rgba(255,190,40,.08);
}

/* TABLES */

.ra-guild-view-card .vertical-table{
    width:100%;

    border-collapse:collapse;

    overflow:hidden;

    border-radius:18px;

    background:
        rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

/* TH */

.ra-guild-view-card .vertical-table th{
    background:
        rgba(255,190,40,.04);

    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;

    padding:14px 16px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    white-space:nowrap;

    text-align:left;
}

/* TD */

.ra-guild-view-card .vertical-table td{
    background:
        rgba(255,255,255,.012);

    color:#dcc38d;

    padding:14px 16px;

    font-size:13px;

    border-bottom:
        1px solid rgba(255,255,255,.03);

    vertical-align:middle;
}

/* ROW HOVER */

.ra-guild-view-card .vertical-table tr:hover td{
    background:
        rgba(255,190,40,.025);

    transition:.2s ease;
}

/* LINKS */

.ra-guild-view-card a{
    color:#ffe08a;

    text-decoration:none;

    font-weight:700;
}

.ra-guild-view-card a:hover{
    color:#fff4c8;
}

/* EMBLEM */

.ra-guild-view-card img{
    border-radius:6px;

    image-rendering:auto;
}

/* ITEM ICON */

.ra-guild-view-card td img{
    vertical-align:middle;
}

/* ITEM NAME */

.ra-guild-view-card .item_name{
    color:#fff0c0;

    font-weight:800;
}

/* YES / NO */

.ra-guild-view-card .yes{
    color:#7dffb0;

    font-weight:800;
}

.ra-guild-view-card .no{
    color:#ff9d9d;

    font-weight:800;
}

/* NONE */

.ra-guild-view-card .not-applicable{
    color:#8b744d;
}

/* OVERSLOT */

.ra-guild-view-card .overslotted1,
.ra-guild-view-card .overslotted2,
.ra-guild-view-card .overslotted3,
.ra-guild-view-card .overslotted4{
    color:#ffcf66;
}

/* NORMAL SLOT */

.ra-guild-view-card .normalslotted{
    color:#fff0c0;
}

/* RANDOM OPTION LIST */

.ra-guild-view-card ul{
    margin:0;
    padding-left:18px;
}

.ra-guild-view-card li{
    color:#dcc38d;
    line-height:1.6;
}

/* EMPTY MESSAGE */

.ra-guild-view-card p{
    color:#c8a96d;

    line-height:1.7;
}

/* MOBILE */

@media(max-width:1200px){

    .ra-guild-view-card .vertical-table{
        display:block;

        overflow-x:auto;

        white-space:nowrap;
    }

}

@media(max-width:768px){

    .ra-guild-view-page{
        padding:25px 15px 60px;
    }

    .ra-guild-view-card{
        padding:22px;
    }

    .ra-guild-view-title{
        font-size:28px;
    }

    .ra-guild-view-card h3{
        font-size:20px;
    }

}


/* =========================================
   IP BAN LIST
========================================= */

.ra-ipban-table .ra-ip-address{
    color:#fff0c0;
    font-weight:800;
}

.ra-ban-never{
    display:inline-flex;

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

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:
        rgba(255,190,40,.10);

    color:#ffd86b;

    font-size:11px;

    font-weight:900;

    letter-spacing:.5px;
}

/* ACTION BUTTONS */

.ra-table-action{
    display:inline-flex;

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

    min-width:72px;

    height:34px;

    padding:0 14px;

    border-radius:12px;

    text-decoration:none !important;

    font-size:12px;

    font-weight:800;

    transition:.22s ease;
}

.ra-table-action.edit{
    background:
        rgba(255,190,40,.08);

    border:
        1px solid rgba(255,190,40,.12);

    color:#ffd86b !important;
}

.ra-table-action.edit:hover{
    background:
        rgba(255,190,40,.14);

    box-shadow:
        0 0 16px rgba(255,190,40,.10);
}

.ra-table-action.remove{
    background:
        rgba(255,70,70,.10);

    border:
        1px solid rgba(255,70,70,.18);

    color:#ffb3b3 !important;
}

.ra-table-action.remove:hover{
    background:
        rgba(255,70,70,.16);

    box-shadow:
        0 0 16px rgba(255,70,70,.10);
}

/* UNBAN BOX */

.ra-ipban-unban-box{
    margin-top:28px;

    padding:24px;

    border-radius:22px;

    background:
        rgba(255,255,255,.015);

    border:
        1px solid rgba(255,190,40,.06);
}

.ra-ipban-unban-box label{
    display:block;

    margin-bottom:12px;

    color:#ffd86b;

    font-size:12px;

    font-weight:800;

    text-transform:uppercase;

    letter-spacing:.5px;
}

.ra-ipban-unban-box textarea{
    width:100%;

    margin-bottom:18px;
}


/* IPBAN ADD EXTRA */

.ra-edit-item textarea{
    width:100%;
}

.ra-edit-item .ra-edit-note{
    margin-top:12px;
}


/* LOGIN LOGS */

.ra-search-toggle{
    margin:22px 0 18px;
}

.ra-search-toggle a{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    height:42px;
    padding:0 18px;

    border-radius:14px;

    text-decoration:none;

    color:#ffd86b;

    font-size:13px;
    font-weight:800;

    background:rgba(255,190,40,.06);

    border:1px solid rgba(255,190,40,.10);
}

.ra-search-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;

    margin-bottom:18px;
}

.ra-form-group.ra-full{
    grid-column:1/-1;
}

.ra-search-actions{
    display:flex;
    gap:12px;

    margin-top:10px;
}

.ra-admin-reset-btn{
    height:50px;

    padding:0 24px;

    border:none;
    border-radius:16px;

    cursor:pointer;

    color:#ffd86b;

    font-size:14px;
    font-weight:800;

    background:rgba(255,190,40,.06);

    border:1px solid rgba(255,190,40,.10);
}

.ra-security-user{
    color:#fff0c0;
    font-weight:800;
}

.ra-password-cell{
    font-family:monospace;
    color:#ffcf66;
}

.ra-log-success{
    display:inline-flex;

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

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(70,255,140,.10);

    color:#9cffbf;

    font-size:11px;
    font-weight:900;
}

.ra-log-error{
    display:inline-flex;

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

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(255,70,70,.12);

    color:#ffb3b3;

    font-size:11px;
    font-weight:900;
}

.ra-empty-state{
    padding:50px 20px;
    text-align:center;
}

.ra-empty-icon{
    font-size:48px;
    margin-bottom:18px;
}

.ra-empty-state h3{
    color:#ffe08a;
    font-size:24px;
    margin-bottom:10px;
}

.ra-empty-state p{
    color:#c8a96d;
    margin-bottom:20px;
}

.ra-empty-state a{
    color:#ffe08a;
    font-weight:800;
    text-decoration:none;
}

@media(max-width:1100px){

    .ra-search-grid{
        grid-template-columns:1fr;
    }

}

/* EMAIL LOGS */

.ra-email-old{
    color:#ffb3b3;
    font-weight:700;
}

.ra-email-new{
    color:#9cffbf;
    font-weight:700;
}

/* PASSWORD LOGS */

.ra-password-old{
    color:#ffb3b3;
    font-family:monospace;
    font-weight:700;
}

.ra-password-new{
    color:#9cffbf;
    font-family:monospace;
    font-weight:700;
}

/* IP BAN LOGS */

.ra-ip-address{
    color:#ffcf66;
    font-family:monospace;
    font-weight:800;
}

/* PAYPAL TRANSACTIONS */

.ra-txn-id{
    font-family:monospace;
    font-weight:900;
    color:#fff0c0;
}

.ra-payment-status{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 12px;
    border-radius:50px;
    background:rgba(255,190,40,.10);
    color:#ffd86b;
    font-size:11px;
    font-weight:900;
}

.ra-payment-amount{
    color:#9cffbf;
    font-weight:900;
}

.ra-payment-credits{
    color:#ffcf66;
    font-weight:900;
}



/* RA LOG HOME */

.ra-log-home{
    position:relative;
    overflow:hidden;
}

.ra-log-home-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;

    margin-top:35px;
}

.ra-log-home-card{
    padding:30px 24px;

    border-radius:24px;

    background:
        linear-gradient(
            180deg,
            rgba(255,190,40,.05),
            rgba(255,190,40,.02)
        );

    border:
        1px solid rgba(255,190,40,.08);

    transition:.22s ease;
}

.ra-log-home-card:hover{
    transform:translateY(-4px);

    box-shadow:
        0 12px 30px rgba(0,0,0,.35),
        0 0 25px rgba(255,190,40,.06);
}

.ra-log-home-icon{
    font-size:42px;
    margin-bottom:18px;
}

.ra-log-home-card h3{
    color:#ffe08a;

    font-size:22px;
    font-weight:900;

    margin-bottom:12px;
}

.ra-log-home-card p{
    color:#c8a96d;

    line-height:1.7;

    margin:0;
}

.ra-log-home-footer{
    margin-top:40px;

    padding-top:24px;

    border-top:
        1px solid rgba(255,190,40,.08);
}

.ra-log-home-footer p{
    color:#b9965d;

    font-size:14px;

    text-align:center;

    margin:0;
}

@media(max-width:1000px){

    .ra-log-home-grid{
        grid-template-columns:1fr;
    }

}


/* BRANCH LOGS */

.ra-log-date{
    color:#d9c08c;
    font-weight:700;
}

.ra-character-name{
    color:#ffe08a;
    font-weight:800;
}

.ra-map-name{
    display:inline-flex;

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

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;

    text-transform:uppercase;
}

/* CASH LOGS */

.ra-cash-type{
    display:inline-flex;

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

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:
        rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

.ra-cash-positive{
    color:#8cffae;

    font-weight:900;
}

.ra-cash-negative{
    color:#ff9090;

    font-weight:900;
}


/* CHARACTER LOGS */

.ra-char-log-message{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;
    padding:0 12px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

.ra-slot-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:34px;
    height:28px;

    border-radius:10px;

    background:rgba(255,255,255,.04);

    color:#fff0c0;

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

    border:1px solid rgba(255,190,40,.08);
}


/* CHAT LOGS */

.ra-chat-type{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;
    min-width:34px;

    padding:0 10px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

.ra-position-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:34px;
    height:28px;

    border-radius:10px;

    background:rgba(255,255,255,.04);

    color:#fff0c0;

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

    border:1px solid rgba(255,190,40,.08);
}

.ra-chat-receiver{
    color:#9cffbf;
    font-weight:800;
}

.ra-chat-message{
    max-width:420px;

    color:#fff0c0;

    line-height:1.6;

    white-space:normal !important;
}


/* COMMAND LOGS */

.ra-command-badge{
    display:inline-flex;
    align-items:center;

    min-height:30px;

    padding:0 14px;

    border-radius:12px;

    background:
        rgba(0,0,0,.28);

    border:
        1px solid rgba(255,190,40,.10);

    color:#ffcf66;

    font-family:monospace;

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

    white-space:nowrap;
}


/* FEEDING LOGS */

.ra-feed-type-box{
    margin-top:6px;
    padding:18px;

    border-radius:18px;

    background:rgba(255,255,255,.015);

    border:1px solid rgba(255,190,40,.06);
}

.ra-feed-type-title{
    display:block;

    margin-bottom:14px;

    color:#ffd86b;

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

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

.ra-feed-type-list{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ra-feed-check{
    display:inline-flex;
    align-items:center;
    gap:8px;

    padding:9px 12px;

    border-radius:14px;

    background:rgba(255,255,255,.025);

    border:1px solid rgba(255,190,40,.07);

    color:#d9c08c;

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

    cursor:pointer;
}

.ra-feed-check input{
    width:15px;
    height:15px;
}

.ra-feed-type{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

.ra-intimacy-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;
    min-width:44px;

    padding:0 12px;

    border-radius:12px;

    background:rgba(140,255,174,.08);

    color:#9cffbf;

    font-size:12px;
    font-weight:900;
}

/* INTER SERVER LOGS */

.ra-inter-log-message{
    display:block;

    padding:12px 14px;

    border-radius:14px;

    background:
        rgba(0,0,0,.24);

    border:
        1px solid rgba(255,190,40,.08);

    color:#fff0c0;

    font-family:monospace;

    font-size:12px;

    line-height:1.7;

    white-space:normal;
}

/* LOGIN SERVER LOGS */

.ra-login-log-message{
    display:block;

    padding:10px 12px;

    border-radius:12px;

    background:rgba(0,0,0,.24);

    border:1px solid rgba(255,190,40,.08);

    color:#fff0c0;

    font-family:monospace;

    font-size:12px;

    line-height:1.6;

    white-space:normal;
}

.ra-response-code{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

/* MVP LOGS */

.ra-mvp-prize{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

.ra-mvp-exp{
    color:#9cffbf;
    font-weight:900;
}

/* NPC LOGS */

.ra-npc-message{
    display:block;

    padding:10px 12px;

    border-radius:12px;

    background:
        rgba(0,0,0,.24);

    border:
        1px solid rgba(255,190,40,.08);

    color:#fff0c0;

    font-size:12px;

    line-height:1.6;

    white-space:normal;
}


/* PICK / ITEM LOGS */

.ra-pick-type{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    padding:0 12px;
    border-radius:50px;
    background:rgba(255,190,40,.08);
    color:#ffd86b;
    font-size:11px;
    font-weight:900;
}

.ra-item-log-name{
    color:#fff0c0;
    font-weight:800;
}

.ra-refine-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:28px;
    border-radius:10px;
    background:rgba(255,255,255,.04);
    color:#ffcf66;
    font-size:12px;
    font-weight:900;
    border:1px solid rgba(255,190,40,.08);
}

/* ZENY LOG */

.ra-zeny-type{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:800;
}

.ra-zeny-plus{

    color:#73ff94;
    font-weight:900;
}

.ra-zeny-minus{

    color:#ff7070;
    font-weight:900;
}



/* VENDING LIST */

.ra-vendor-name{
    color:#fff0c0;
    font-weight:900;
}

.ra-vendor-title{
    display:flex;
    align-items:center;
    gap:8px;

    color:#dcc38d;
    font-weight:800;
}

.ra-vendor-title img{
    width:24px;
    height:24px;

    image-rendering:auto;

    filter:
        drop-shadow(0 0 8px rgba(255,190,40,.18));
}

.ra-gender-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:rgba(255,190,40,.08);

    color:#ffd86b;

    font-size:11px;
    font-weight:900;
}

/* VENDOR SHOP VIEW */

.ra-vendor-shop-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    margin-bottom:28px;

    padding:22px;

    border-radius:22px;

    background:
        rgba(255,255,255,.015);

    border:
        1px solid rgba(255,190,40,.06);
}

.ra-vendor-shop-title{
    display:flex;
    align-items:center;
    gap:14px;
}

.ra-vendor-shop-title img{
    width:34px;
    height:34px;

    filter:
        drop-shadow(0 0 10px rgba(255,190,40,.18));
}

.ra-vendor-shop-title h3{
    margin:0;

    color:#ffe08a;

    font-size:22px;
    font-weight:900;
}

.ra-vendor-shop-location{
    display:flex;
    align-items:center;
    gap:10px;
    flex-wrap:wrap;
}

.ra-vendor-item-name{
    display:flex;
    align-items:center;
    gap:10px;
}

.ra-vendor-item-name img{
    width:26px;
    height:26px;

    image-rendering:auto;

    filter:
        drop-shadow(0 0 8px rgba(255,190,40,.14));
}

.ra-vendor-item-name span{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.ra-vendor-item-name small{
    color:#b9965d;

    font-size:11px;
    font-weight:700;
}

.ra-refine-badge img{
    width:18px;
    height:18px;
    margin-right:4px;
}

.ra-forge-label{
    display:inline-flex;
    margin-left:6px;

    color:#ffcf66;

    font-size:11px;
    font-weight:800;
}

.ra-randopt-list{
    margin:0;
    padding-left:18px;
}

.ra-randopt-list li{
    color:#dcc38d;
    line-height:1.6;
}

.ra-shop-price{
    color:#ffd86b;

    font-weight:900;

    text-shadow:
        0 0 10px rgba(255,190,40,.10);
}

.ra-amount-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:28px;

    padding:0 12px;

    border-radius:50px;

    background:
        rgba(255,255,255,.04);

    color:#fff0c0;

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

    border:
        1px solid rgba(255,190,40,.08);
}

@media(max-width:900px){

    .ra-vendor-shop-header{
        flex-direction:column;
        align-items:flex-start;
    }

}

/* BUYER STORE */

.ra-buyer-name{
    color:#fff0c0;
    font-weight:900;
}

.ra-buyer-title{
    display:flex;
    align-items:center;
    gap:10px;

    color:#dcc38d;
    font-weight:800;
}

.ra-buyer-title img{

    width:24px;
    height:24px;

    filter:
    drop-shadow(
        0 0 8px rgba(255,190,40,.18)
    );
}

.ra-buyer-title a{

    color:#ffe08a;
}

.ra-buyer-title a:hover{

    color:#fff4bf;
}


/* BUYER SHOP VIEW */

.ra-buyer-item-name{

    display:flex;
    align-items:center;
    gap:10px;
}

.ra-buyer-item-name img{

    width:26px;
    height:26px;

    filter:
    drop-shadow(
        0 0 8px rgba(255,190,40,.15)
    );
}

.ra-buyer-item-name div{

    display:flex;
    flex-direction:column;
}

.ra-buyer-item-name small{

    color:#b9965d;

    font-size:11px;
    font-weight:700;
}

/* CHARACTER RANKING */

.ra-rank-badge{

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

min-width:55px;
height:32px;

border-radius:50px;

background:
rgba(255,190,40,.08);

color:#ffd86b;

font-weight:900;
font-size:12px;
}

.ra-job-badge{

display:inline-flex;
padding:6px 12px;

border-radius:50px;

background:
rgba(255,255,255,.04);

color:#fff0c0;

font-size:11px;
font-weight:800;
}

.ra-guild-emblem{

width:24px;
height:24px;

border-radius:6px;

box-shadow:
0 0 10px rgba(255,190,40,.20);
}

.ra-rank-1{

background:
linear-gradient(
90deg,
rgba(255,215,0,.12),
transparent
);
}

.ra-rank-2{

background:
linear-gradient(
90deg,
rgba(220,220,220,.10),
transparent
);
}

.ra-rank-3{

background:
linear-gradient(
90deg,
rgba(205,127,50,.12),
transparent
);
}

/* CHARACTER RANKING FILTER FIX */

.ra-admin-card .ra-search-actions{
    display:flex;
    justify-content:flex-start;
    align-items:center;
    gap:10px;
    margin-top:18px;
}

.ra-admin-card .ra-search-actions .ra-admin-edit-btn,
.ra-admin-card .ra-search-actions .ra-admin-reset-btn{
    width:auto !important;
    min-width:140px !important;
    height:42px !important;
    padding:0 24px !important;
    flex:none !important;
    border-radius:14px !important;
    font-size:13px !important;
    white-space:nowrap;
}

.ra-admin-card .ra-search-grid{
    display:flex;
    align-items:flex-end;
    gap:20px;
    flex-wrap:wrap;
}

.ra-admin-card .ra-form-group{
    width:auto;
    min-width:260px;
}

.ra-admin-card .ra-form-group select{
    width:260px;
}

@media(max-width:768px){
    .ra-admin-card .ra-search-actions{
        width:100%;
    }

    .ra-admin-card .ra-search-actions .ra-admin-edit-btn,
    .ra-admin-card .ra-search-actions .ra-admin-reset-btn{
        flex:1 !important;
        min-width:0 !important;
    }
}


/* ALCHEMIST RANKING */

.ra-fame-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:0 14px;

    border-radius:50px;

    background:
        rgba(140,255,174,.08);

    color:#9cffbf;

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

    border:
        1px solid rgba(140,255,174,.10);
}

/* FAME RANKING */

.ra-fame-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:0 14px;

    border-radius:50px;

    background:rgba(140,255,174,.08);

    color:#9cffbf;

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

    border:1px solid rgba(140,255,174,.10);
}

/* DEATH RANKING */

.ra-death-badge{

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

min-height:30px;

padding:0 14px;

border-radius:50px;

background:
rgba(255,80,80,.08);

color:#ff8e8e;

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

border:
1px solid rgba(255,80,80,.15);

text-shadow:
0 0 8px rgba(255,80,80,.25);

}

/* GUILD RANKING */

.ra-guild-rank-name{
    color:#ffe08a;
    font-weight:900;
}

.ra-level-badge,
.ra-castle-badge,
.ra-exp-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;
    padding:0 14px;

    border-radius:50px;

    font-size:12px;
    font-weight:900;
}

.ra-level-badge{
    background:rgba(255,190,40,.08);
    color:#ffd86b;
}

.ra-castle-badge{
    background:rgba(255,80,80,.08);
    color:#ff9d9d;
}

.ra-exp-badge{
    background:rgba(140,255,174,.08);
    color:#9cffbf;
}

/* HOMUNCULUS RANKING */

.ra-homun-name{
    color:#ffe08a;
    font-weight:900;
}

.ra-intimacy-badge{

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

min-height:30px;

padding:0 14px;

border-radius:50px;

background:
rgba(255,120,220,.08);

color:#ff9be5;

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

border:
1px solid rgba(255,120,220,.15);

text-shadow:
0 0 8px rgba(255,120,220,.20);
}


/* MVP RANKING */

.ra-section-title{
    color:#ffe08a;
    font-size:22px;
    font-weight:900;
    margin:28px 0 18px;
    padding-bottom:12px;
    border-bottom:1px solid rgba(255,190,40,.08);
}

.ra-mvp-monster{
    color:#ffd86b;
    font-weight:900;
}

.ra-kill-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:30px;

    padding:0 14px;

    border-radius:50px;

    background:rgba(255,80,80,.08);

    color:#ff9d9d;

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

    border:1px solid rgba(255,80,80,.14);
}

/* ZENY RANKING */

.ra-zeny-badge{

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

padding:0 16px;

height:32px;

border-radius:50px;

background:
rgba(255,215,0,.10);

border:
1px solid rgba(255,215,0,.18);

color:#ffd86b;

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

text-shadow:
0 0 8px rgba(255,215,0,.30);

box-shadow:
0 0 15px rgba(255,215,0,.08);
}


/* RANKING FILTER INLINE */

.ra-search-form .ra-search-grid{
    display:flex;
    align-items:flex-end;
    gap:12px;
    flex-wrap:wrap;
}

.ra-search-form .ra-form-group{
    width:auto;
    min-width:260px;
}

.ra-search-form .ra-form-group select{
    width:260px;
}

.ra-search-form .ra-search-actions{
    display:flex;
    align-items:flex-end;
    gap:10px;
    margin-top:0;
}

.ra-search-form .ra-admin-edit-btn,
.ra-search-form .ra-admin-reset-btn{
    width:auto !important;
    min-width:130px !important;
    height:36px !important;
    padding:0 18px !important;
    flex:none !important;
    border-radius:12px !important;
    font-size:12px !important;
}
























/* ================= CENTER LOGO ================= */

.ra-hero-section{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
}

.ra-center-logo{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:30px;
}

.ra-center-logo img{
    width:clamp(320px, 42vw, 760px);
    max-width:90%;
    height:auto;

    filter:
        drop-shadow(0 0 22px rgba(255,190,0,.65))
        drop-shadow(0 0 45px rgba(255,140,0,.28));

    animation:logoFloat 3s infinite ease-in-out;
}

@keyframes logoFloat{
    0%{
        transform:translateY(-60px) scale(1);
    }

    50%{
        transform:translateY(-68px) scale(1.025);
    }

    100%{
        transform:translateY(-60px) scale(1);
    }
}

@media(max-width:768px){
    .ra-center-logo img{
        width:clamp(240px, 75vw, 420px);
    }
}











/* HOME BOTTOM BOX */

.ra-hero-section{
    min-height:100vh;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    padding:90px 40px 70px;
}

.ra-home-bottom-box{
    width:min(1380px, 88vw);
    margin-top:-20px;

    padding:2px;
    border-radius:22px;

    background:
        linear-gradient(135deg,
            rgba(255,210,90,.75),
            rgba(255,160,0,.15),
            rgba(255,210,90,.65)
        );

    box-shadow:
        0 18px 45px rgba(0,0,0,.55),
        0 0 35px rgba(255,180,0,.16);
}

.ra-home-bottom-inner{
    min-height:110px;

    border-radius:20px;

    background:
        linear-gradient(180deg,
            rgba(18,10,3,.92),
            rgba(6,4,2,.95)
        );

    border:1px solid rgba(255,190,40,.12);

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;

    padding:26px 34px;
}

.ra-home-bottom-inner h2{
    margin:0;
    color:#ffe08a;
    font-size:18px;
    font-weight:900;
    letter-spacing:1px;
    text-shadow:0 0 16px rgba(255,190,40,.22);
}

.ra-home-bottom-inner p{
    margin:6px 0 0;
    color:#c8a96d;
    font-size:14px;
    font-weight:600;
}

.ra-home-actions{
    display:flex;
    gap:12px;
    flex-shrink:0;
}

.ra-home-actions a{
    height:44px;
    padding:0 24px;
    border-radius:14px;

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

    color:#2a1600;
    text-decoration:none;
    font-size:13px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.5px;

    background:
        linear-gradient(180deg,#fff0ad,#ffcb39,#b96900);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.45),
        0 0 18px rgba(255,190,40,.18);
}

.ra-home-actions a:hover{
    transform:translateY(-1px);
    box-shadow:0 0 25px rgba(255,190,40,.28);
}

@media(max-width:900px){
    .ra-home-bottom-inner{
        flex-direction:column;
        text-align:center;
    }

    .ra-home-actions{
        flex-wrap:wrap;
        justify-content:center;
    }
}







/* ===== SIDE PANELS ===== */

.ra-side-box{

    position:absolute;

    /* pantay sa taas ng logo */
    top:140px;

    width:330px;
    height:420px;

    padding:28px;

    border-radius:24px;

    background:
    linear-gradient(
    180deg,
    rgba(7,4,1,.92),
    rgba(0,0,0,.97)
    );

    border:
    1px solid rgba(255,190,40,.15);

    box-shadow:
    inset 0 0 50px rgba(255,190,0,.03),
    0 0 30px rgba(0,0,0,.6);

    overflow:hidden;
}


/* align sa red line mo */

.ra-left-box{
    left:calc(50% - 690px);
}

.ra-right-box{
    right:calc(50% - 690px);
}


/* gold top line */

.ra-side-box:before{

    content:"";

    position:absolute;

    left:20px;
    right:20px;
    top:0;

    height:2px;

    background:
    linear-gradient(
    90deg,
    transparent,
    rgba(255,210,90,.8),
    transparent
    );
}


.ra-side-box h3{

    margin:0 0 28px;

    text-align:center;

    color:#ffd86a;

    font-size:18px;

    font-weight:900;

    letter-spacing:1px;

    padding-bottom:16px;

    border-bottom:
    1px solid rgba(255,190,0,.08);
}


/* links */

.ra-side-links{

    display:flex;
    flex-direction:column;
    gap:14px;
}

.ra-side-links a{

    display:flex;

    align-items:center;

    justify-content:center;

    height:56px;

    border-radius:14px;

    text-decoration:none;

    color:#fff;

    font-weight:700;

    background:
    linear-gradient(
    180deg,
    rgba(255,180,0,.03),
    rgba(255,100,0,.01)
    );

    border:
    1px solid rgba(255,190,40,.08);

    transition:.3s;
}

.ra-side-links a:hover{

    transform:translateY(-2px);

    background:
    linear-gradient(
    180deg,
    #ffd96d,
    #d88b00
    );

    color:#1b1200;
}


/* server info */

.ra-side-box ul{

    margin:0;
    padding:0;

    list-style:none;
}

.ra-side-box li{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:18px 0;

    border-bottom:
    1px solid rgba(255,255,255,.05);

    color:#eee;

    font-size:14px;
}

.ra-side-box li span:last-child{

    color:#ffd86a;

    font-weight:700;
}


@media(max-width:1400px){

.ra-side-box{

display:none;

}

}



/* SERVER INFORMATION LIST */

.ra-server-list{
    padding:0;
    margin:0;
    list-style:none;
}

.ra-server-list li{
    position:relative;
    padding:9px 0 9px 24px;

    color:#f4f4f4;
    font-size:14px;
    font-weight:800;
    line-height:1.35;

    border-bottom:1px solid rgba(255,255,255,.04);
}

.ra-server-list li:before{
    content:"✦";
    position:absolute;
    left:0;
    top:8px;

    color:#ffd86b;
    font-size:14px;

    text-shadow:
        0 0 8px rgba(255,190,40,.45);
}

.ra-server-list li span{
    color:#ffd86b;
    font-weight:900;
}






/* SIDEBAR TOGGLE */

.ra-side-nav{
    width:220px;
    transition:.25s ease;
}

.ra-side-nav.collapsed{
    width:72px;
}

.ra-side-nav.collapsed .ra-side-logo img{
    width:34px;
}

.ra-side-nav.collapsed .ra-side-item{
    padding:16px 0;
    justify-content:center;
}

.ra-side-nav.collapsed .ra-side-item span{
    display:none;
}

.ra-side-nav.collapsed .ra-side-divider{
    width:45%;
}

.ra-side-nav.collapsed .ra-side-toggle{
    margin-left:auto;
    margin-right:auto;
}

.ra-side-nav.collapsed .ra-side-icon{
    margin:0;
}

.ra-side-nav.expanded{
    width:220px;
    align-items:flex-start;
}

.ra-side-toggle{
    width:42px;
    height:42px;
    margin:0 auto 18px;

    border-radius:12px;
    border:1px solid rgba(255,190,40,.18);

    background:rgba(255,190,40,.06);
    color:#ffd86b;

    cursor:pointer;
}

.ra-side-nav.expanded .ra-side-toggle{
    margin-left:22px;
}

.ra-side-item{
    flex-direction:column;
}

.ra-side-nav.expanded .ra-side-item{
    flex-direction:row;
    justify-content:flex-start;
    gap:14px;
    padding:16px 22px;
}

.ra-side-nav.expanded .ra-side-icon{
    margin-bottom:0;
}

.ra-side-nav.expanded .ra-side-item span{
    font-size:12px;
    opacity:1;
    white-space:nowrap;
}

.ra-side-nav:not(.expanded) .ra-side-item span{
    max-width:70px;
}

.ra-side-toggle i{
    transition:.2s ease;
}

.ra-side-nav.collapsed .ra-side-toggle{
    background:rgba(255,190,40,.10);
    box-shadow:0 0 14px rgba(255,190,40,.12);
}




/* DOWNLOAD PAGE */

.ra-download-page{

max-width:1400px;

margin:auto;

padding:50px;
}


.ra-download-header{

text-align:center;

margin-bottom:50px;
}

.ra-download-header h1{

margin:0;

font-size:48px;

color:#ffd86a;

font-weight:900;

text-shadow:
0 0 30px rgba(255,190,40,.25);
}

.ra-download-header p{

color:#bca273;

font-size:15px;
}


.ra-download-grid{

display:grid;

grid-template-columns:
repeat(3,1fr);

gap:30px;
}


.ra-download-card{

padding:35px;

border-radius:25px;

background:
linear-gradient(
180deg,
rgba(10,5,1,.9),
rgba(0,0,0,.96)
);

border:
1px solid rgba(255,190,40,.15);

box-shadow:
0 0 30px rgba(0,0,0,.45);

transition:.3s;
}

.ra-download-card:hover{

transform:
translateY(-5px);

box-shadow:
0 0 35px rgba(255,190,40,.15);
}


.ra-download-icon{

width:75px;
height:75px;

margin:auto;

display:flex;

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

font-size:28px;

border-radius:18px;

background:
linear-gradient(
180deg,
#ffe06d,
#c97d00
);

color:#221300;
}


.ra-download-card h3{

margin:25px 0 5px;

text-align:center;

color:#fff;
}

.ra-download-card small{

display:block;

text-align:center;

margin-bottom:25px;

color:#ad9464;
}


.ra-download-card ul{

padding-left:20px;

color:#ddd;

line-height:2;
}


.ra-download-btn{

display:flex;

justify-content:center;

align-items:center;

height:52px;

margin-top:25px;

border-radius:14px;

text-decoration:none;

font-weight:900;

color:#201100;

background:
linear-gradient(
180deg,
#fff0b0,
#ffca3c,
#b96a00
);
}


.ra-requirements{

margin-top:70px;

padding:50px;

border-radius:25px;

background:
linear-gradient(
180deg,
rgba(5,3,1,.92),
rgba(0,0,0,.96)
);

border:
1px solid rgba(255,190,40,.18);

box-shadow:
0 0 40px rgba(0,0,0,.65),
inset 0 0 50px rgba(255,190,40,.04);
}


.ra-requirements h2{

margin-bottom:35px;

text-align:center;

color:#ffd86a;

font-size:42px;

font-weight:900;

text-shadow:
0 0 18px rgba(255,190,40,.25);
}


.ra-req-grid div{

padding:35px;

border-radius:18px;

background:
linear-gradient(
180deg,
rgba(255,190,40,.06),
rgba(0,0,0,.45)
);

border:
1px solid rgba(255,190,40,.08);

line-height:2.2;

color:#e9e9e9;

font-size:16px;

font-weight:600;
}


.ra-req-grid h4{

margin:0 0 18px;

font-size:24px;

color:#ffd86a;

font-weight:900;

padding-bottom:12px;

border-bottom:
1px solid rgba(255,190,40,.12);
}


.ra-req-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:25px;

margin-top:30px;
}



@media(max-width:900px){

.ra-download-grid{

grid-template-columns:1fr;
}

.ra-req-grid{

grid-template-columns:1fr;
}

}


/* =========================================================
   RESPONSIVE / MEDIA QUERIES
========================================================= */

.ra-mobile-toggle{
    display: none;
    width: 42px;
    height: 42px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: rgba(255,255,255,.06);
}

.ra-mobile-toggle span{
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: relative;
}

.ra-mobile-toggle span::before,
.ra-mobile-toggle span::after{
    content: "";
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background: #fff;
}

.ra-mobile-toggle span::before{
    top: -6px;
}

.ra-mobile-toggle span::after{
    top: 6px;
}

@media (max-width:600px){
    .ra-navbar{
        height: auto;
        min-height: 72px;
    }

    .ra-nav-container{
        padding: 14px 16px;
        align-items: flex-start;
    }

    .ra-nav-right{
        width: 100%;
        justify-content: flex-start;
        margin-top: 12px;
        flex-wrap: wrap;
    }
}

@media (max-width:900px){
    .ra-footer{
        padding: 50px 25px 35px;
    }

    .ra-footer-container{
        grid-template-columns: 1fr;
        gap: 35px;
    }
}

@media (max-width: 991px){
    .ra-navbar{
        height: auto;
        min-height: 72px;
    }

    .ra-nav-container{
        flex-wrap: wrap;
        padding: 12px 0;
    }

    .ra-mobile-toggle{
        display: flex;
        margin-left: auto;
    }

    .ra-nav-menu{
        width: 100%;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
        margin-top: 15px;
        margin-left: 0;
        display: none;
    }

    .ra-nav-menu.active{
        display: flex;
    }

    .ra-nav-menu > li{
        width: 100%;
    }

    .ra-nav-menu > li > a{
        width: 100%;
        justify-content: flex-start;
        padding: 0 15px;
        height: 46px;
    }

    .ra-dropdown-menu{
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        min-width: 100%;
        margin-top: 8px;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
    }

    .ra-dropdown.open .ra-dropdown-menu{
        display: block;
    }

    .ra-nav-right{
        width: 100%;
        margin-top: 15px;
        margin-left: 0;
        justify-content: flex-start;
    }
}

@media (max-width:991px){
    .ra-side-nav{
        display: none;
    }

    body{
        padding-left: 0;
    }

    .ra-hero-content h1{
        font-size: 48px;
    }

    .ra-hero-content h2{
        font-size: 42px;
    }

    .ra-hero-content p{
        font-size: 19px;
    }

    .ra-hero-section,
    .ra-second-section{
        background-attachment: scroll;
    }
}

@media(max-width:900px){

    .ra-register-content{
        grid-template-columns:1fr;
    }

    .ra-form-grid{
        grid-template-columns:1fr;
    }

}

@media(max-width:900px){

    .ra-reset-content{
        grid-template-columns:1fr;
    }

}

@media(max-width:900px){

    .ra-login-content{
        grid-template-columns:1fr;
    }

}

@keyframes raLogoBreath{
    0%{
        transform:translateY(-75px) scale(1);
    }

    50%{
        transform:translateY(-75px) scale(1.045);
    }

    100%{
        transform:translateY(-75px) scale(1);
    }
}




/* =====================================================
   SIDENAV COLLAPSE / EXPAND OVERRIDE
===================================================== */

/* collapsed default */
.ra-side-nav{
    width:95px;
    transition:.3s ease;
}

/* expanded width */
.ra-side-nav.expanded{
    width:220px;
}

/* collapsed layout */
.ra-side-item{
    flex-direction:column;
    transition:.3s ease;
}

/* expanded layout */
.ra-side-nav.expanded .ra-side-item{
    flex-direction:row;
    justify-content:flex-start;
    padding-left:22px;
    gap:14px;
}

/* icon fix */
.ra-side-icon{
    min-width:28px;
    display:flex !important;
    align-items:center;
    justify-content:center;

    margin-bottom:10px;
}

.ra-side-icon img{
    width:22px;
    height:22px;
    object-fit:contain;
}

/* expanded remove icon spacing */
.ra-side-nav.expanded .ra-side-icon{
    margin-bottom:0;
}

/* hide text while collapsed */
.ra-side-item > span:not(.ra-side-icon){

    opacity:0;
    width:0;

    overflow:hidden;

    white-space:nowrap;

    margin-left:0;

    transition:
        opacity .25s ease,
        width .25s ease;
}

/* show text while expanded */
.ra-side-nav.expanded .ra-side-item > span:not(.ra-side-icon){

    opacity:1;
    width:auto;

    margin-left:5px;
}

/* hover text */
.ra-side-nav.expanded .ra-side-item:hover > span:not(.ra-side-icon){

    color:#fff1ba !important;

    text-shadow:
        0 0 10px rgba(255,210,80,.25);
}

/* =====================================================
   SIDENAV GAP FIX
===================================================== */

.ra-side-nav{
    padding-top:12px !important;
}

.ra-side-logo{
    margin-bottom:12px !important;
}

.ra-side-item{
    padding:10px 0 !important;
}

.ra-side-divider{
    margin:8px 0 !important;
}

.ra-side-icon{
    margin-bottom:0 !important;
}

/* kapag expanded */
.ra-side-nav.expanded .ra-side-item{
    padding-top:12px !important;
    padding-bottom:12px !important;
}

/* EXPANDED ICON ALIGN FIX */

.ra-side-nav.expanded .ra-side-item{
    padding-left:28px !important;
    padding-right:18px !important;

    justify-content:flex-start !important;
    gap:16px !important;
}

.ra-side-nav.expanded .ra-side-icon{
    width:34px !important;
    min-width:34px !important;

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

    margin-left:0 !important;
    margin-right:0 !important;
}

.ra-side-nav.expanded .ra-side-icon img{
    display:block !important;
    width:24px !important;
    height:24px !important;
    object-fit:contain !important;
}

.ra-footer-socials{
    display:flex;
    align-items:center;
    gap:12px;
}

.ra-footer-socials a{
    width:38px;
    height:38px;

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

.ra-footer-socials img{
    width:24px;
    height:24px;
    object-fit:contain;
    display:block;
}
/* HOME SERVER INFO / STATS - RESTORE GOLD VALUE */
.ra-side-box,
.ra-side-box * {
    color: #ffd84a !important;
}

/* LABEL sebelah kiri biar putih */
.ra-side-box strong,
.ra-side-box b,
.ra-side-box label,
.ra-side-box .label {
    color: #ffffff !important;
}

/* SERVER STATUS ONLINE - HIJAU */
.ra-side-box .online,
.ra-side-box .status-online,
.ra-side-box span.online {
    color: #00ff66 !important;
    font-weight: 900 !important;
}

/* PLAYER ONLINE NUMBER - HIJAU */
.ra-side-box .player-online,
.ra-side-box .online-count {
    color: #00ff66 !important;
    font-weight: 900 !important;
}
/* SERVER STATUS ONLINE TEXT */
.ra-side-box tr:nth-child(2) td:last-child{
    color:#00ff66 !important;

    font-weight:900 !important;

    text-shadow:
        0 0 10px rgba(0,255,102,.35);
}

/* PLAYER ONLINE NUMBER */
.ra-side-box tr:nth-child(3) td:last-child{
    color:#00ff66 !important;

    font-weight:900 !important;

    text-shadow:
        0 0 10px rgba(0,255,102,.35);
}