.profile-menu{

    position:fixed;

    top:95px;

    right:calc((100vw - min(1100px,90vw))/2 + 28px);

    width:260px;

    display:flex;

    flex-direction:column;

    background:rgba(8,26,44,.95);

    backdrop-filter:blur(16px);

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

    border-radius:18px;

    box-shadow:0 20px 60px rgba(0,0,0,.45);

    overflow:hidden;

    z-index:5000;

    transition:.25s;

}

.profile-menu.hidden{

    opacity:0;

    transform:translateY(-10px);

    pointer-events:none;

}

.profile-menu-header{

    display:flex;

    flex-direction:column;

    gap:6px;

    padding:20px;

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

}

.profile-menu-header strong{

    color:var(--primary-light);

}

.profile-menu-header span{

    color:var(--text-muted);

}

.profile-menu button{

    padding:16px 20px;

    border:none;

    background:none;

    color:var(--text);

    text-align:left;

    font:inherit;

    cursor:pointer;

    transition:.2s;

}

.profile-menu button:hover{

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

}

.profile-menu hr{

    margin:0;

    border:none;

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

}