.header{

    position:sticky;

    top:20px;

    z-index:999;

}

.header .container{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:15px 30px;

    border-radius:22px;

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

    backdrop-filter:blur(20px);

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

    box-shadow:0 0 30px rgba(0,168,255,.15);

}

.logo{

    display:flex;

    align-items:center;

    gap:15px;

    text-decoration:none;

}

.logo img{

    width:70px;

    height:70px;

    object-fit:contain;

}

.logo h2{

    color:white;

    font-family:Orbitron,sans-serif;

    letter-spacing:2px;

}

.logo span{

    color:var(--green);

    font-size:13px;

    letter-spacing:4px;

}

nav ul{

    display:flex;

    list-style:none;

    gap:35px;

}

nav a{

    color:white;

    text-decoration:none;

    transition:.30s;

    font-weight:600;

}

nav a:hover,

nav .active{

    color:var(--green);

}

.user-panel{

    display:flex;

    gap:15px;

}

.coin,

.player{

    background:#111827;

    padding:12px 18px;

    border-radius:15px;

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

}