/* ===== ẨN SCROLLBAR ===== */
body::-webkit-scrollbar{
    width:0px;
    background:transparent;
}
body{
    scrollbar-width:none;
    -ms-overflow-style:none;
}

/* ===== BODY GAMING ===== */
body{
    margin:0;
    font-family:'Segoe UI', Tahoma, sans-serif;
    background: radial-gradient(circle at top, #1a2a6c, #0b0b15 60%, #000 100%);
    color: rgba(255,255,255,0.88);
    overflow-x:hidden;
    position:relative;
}

/* glow nền */
body::before{
    content:"";
    position:fixed;
    width:560px;
    height:560px;
    background:rgba(0,255,255,.18);
    filter:blur(120px);
    top:-170px;
    left:-170px;
    pointer-events:none;
    z-index:-1;
}
body::after{
    content:"";
    position:fixed;
    width:560px;
    height:560px;
    background:rgba(255,0,200,.14);
    filter:blur(120px);
    bottom:-170px;
    right:-170px;
    pointer-events:none;
    z-index:-1;
}

/* ===== HEADER GLASS ===== */
header{
    position:sticky;
    top:0;
    z-index:9998;

    background: rgba(15, 15, 25, 0.88);
    border-bottom: 1px solid rgba(255,255,255,0.08);
    backdrop-filter: blur(10px);

    color:#fff;
    padding: 14px 26px;
    display:flex;
    align-items:center;
    gap:12px;

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

/* neon line */
header::before{
    content:"";
    position:absolute;
    left:16px;
    right:16px;
    bottom:-1px;
    height:2px;
    background:linear-gradient(90deg, transparent, #00ffff, #ff00cc, transparent);
    opacity:.85;
}

/* LOGO */
header img{
    height:44px;
    width:auto;
    margin-right:10px;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.35));
}

/* TITLE */
header h3{
    margin:0;
    font-size:18px;
    letter-spacing:.6px;
    text-transform:uppercase;
    font-weight:900;
    color:#00ffff;
}

/* ===== NAV ===== */
nav{
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}

/* link dạng button */
nav a{
    color: rgba(255,255,255,0.85);
    text-decoration:none;

    font-weight:900;
    font-size:13px;
    letter-spacing:.25px;

    padding:10px 12px;
    border-radius:14px;

    background: rgba(255,255,255,0.04);
    border: 1px solid rgba(255,255,255,0.08);

    transition:.22s;
}

/* bỏ gạch chân hover cũ */
nav a::after{
    display:none;
}

nav a:hover{
    transform: translateY(-2px);
    border-color: rgba(0,255,255,0.30);
    color:#00ffff;
    box-shadow: 0 14px 28px rgba(0,0,0,.35);
}

/* ===== MAIN ===== */
main{
    padding: 30px 16px;
    max-width: 1200px;
    margin: auto;
}